:root {
    /*HEADER*/
    --header-color: #000000ee;
    --header-bordercolor-1: #fefefe;
    --header-bordercolor-2: #fefefe;
    --header-text-color: #fefefe;
    --header-icon-color: #fefefe;
    --header-bg-image: none;

    /*HERO*/
    --hero-bg-color: #000000;
    --hero-bg-image-fg-color: #000000;
    --hero-text-color: #ffffff;
    --contact-info-bg: none;

    /*MAIN*/
    --main-bg-color: #000000;
    --main-text-color: #ffffff;
    --main-bg: #000000;

    /*MENU*/
    --menu-bg-color-1: #fefefe00;
    --menu-bg-color-2: #00000012;

    /*MENU  BUTTON*/
    --button-color1: #880000;
    --button-color2: #370000;
    --button-text-color1: #fefefe;
    --button-text-color2: #ffffff;
    --button-text-color3: #fff;

    /*MENU  SELECTED BUTTON*/
    --selected-button-color1: #880000ee;
    --selected-button-color2: #880000ee;
    --selected-button-color3: #fff;
    --selected-button-color4: #000000ee;
    --selected-text-color1: #fff;
    --selected-text-color2: #fff;
    --selected-text-color3: #880000;

    /*FOOTER*/
    --footer-bg-color: #fefefe;
    --footer-text-color: #000;
    --modal-bg-container-color: #00000055;
}