:root {
        --main-color-darkest: rgba(85, 115, 145, 1);
        --main-color-darker: rgba(95, 125, 155, 1);
        --main-color-dark: rgba(105, 135, 165, 1);
        --main-color-light: rgba(216, 226, 236, 1);

        --body-color: #646464;
        --box-background-color: #FFFFFF;        
        --input-background-color: #F8F8F8;
        --input-border-color: #E5E5E5;
        
        --banner-background-color-top: var(--main-color-darker);
        --banner-background-color-bottom: var(--main-color-light);
        --blockquote-border-color: var(--input-border-color);
        --body-background-color: var(--main-color-light);
        --a-color: var(--main-color-darker);
        --b-color: var(--body-color);
        --box-border-color: var(--input-border-color);
        --box-box-shadow-color: rgba(0, 0, 0, 0.065);
        --box-features-border-color: var(--input-border-color);
        --button-background-color: var(--main-color-darker);
        --button-background-color-active: var(--main-color-darkest);
        --button-background-color-disabled: #777777;
        --button-background-color-hover: var(--main-color-dark);
        --button-border-color-focus: var(--input-border-color);
        --button-box-shadow-color-focus: var(--input-border-color);
        --button-color: var(--box-background-color);
        --button-color-disabled: #F5F5F5;
        --code-background-color: var(--input-background-color);
        --code-border-color: var(--input-border-color);
        --dropotron-background-color: var(--box-background-color);
        --dropotron-background-color-active: var(--button-background-color-active);
        --dropotron-background-color-hover: var(--button-background-color-hover);
        --dropotron-box-shadow-color: var(--box-box-shadow-color);
        --dropotron-border-color: var(--input-border-color);
        --dropotron-color: var(--body-color);
        --dropotron-color-active: var(--button-color);
        --dropotron-color-hover: var(--button-color);
        --error-background-color: #F67975;
        --error-border-color: var(--input-border-color);
        --error-color: #FFF7F7;
        --h-color: var(--body-color);
        --header-border-color: var(--input-border-color);;
        --header-color: var(--body-color);
        --hr-border-color: var(--input-border-color);
        --icon-background-color: var(--body-color);
        --icon-color: var(--button-color);
        --input-border-color-focus: var(--main-color-darker);
        --input-box-shadow-color-focus: var(--main-color-darker);
        --input-color: var(--body-color);
        --input-placeholder-color: #999999;
        --label-color: var(--body-color);
        --menu-background-color: var(--button-background-color);
        --menu-color: var(--button-color);
        --menu-icon-color: var(--button-color);
        --menu-item-background-color: transparent;
        --menu-item-background-color-active: var(--button-background-color-active);
        --menu-item-background-color-hover: var(--button-background-color-hover);
        --pre-background-color: var(--input-background-color);
        --pre-border-color: var(--input-border-color);
        --side-menu-button-background-color: var(--main-color-darker);
        --side-menu-button-border-color: var(--main-color-dark);
        --side-menu-button-color: var(--button-color);
        --success-background-color: #BBF5BB;
        --success-border-color: var(--input-border-color);
        --success-color: #135607;
        --tfoot-border-color: var(--input-border-color);
        --th-color: var(--body-color);
        --thead-border-color: var(--input-border-color);
        --tr-border-color: var(--input-border-color);
        --tr-alt-background-color: var(--input-background-color);
    }