:root {
    --header-color: #222731;
    --header-bg-color: #222731;
    --header-text-color: #fefefe;
    --header-icon-color: #fefefe;
    --header-bordercolor-1: #dfeed4;
    --header-bordercolor-2: #dfeed4;
    --header-border-color: #dfeed4;
    --header-bg-image: none;

    --hero-bg-color: #000000;
    --hero-bg-color-1: #000000;
    --hero-bg-color-2: #000000;
    --hero-bg-image-fg-color: #f4dec3;
    --hero-text-color: #fefefe;
    --hero-features-icon-color: #fefefe;
    --hero-features-icon-bg-color: #222731;
    --hero-border-color: #dfeed4;
    --contact-info-bg: #000000;

    --main-bg: #000000;
    --main-bg-color: #000000;
    --main-text-color: #fefefe;

    --menu-bg-color-1: #222731;
    --menu-bg-color-2: #000000;
    --menu-text-color: #fefefe;

    --button-color1: #222731;
    --button-color2: #000000;
    --button-text-color1: #fefefe;
    --button-text-color2: #ffffff;
    --button-text-color3: #ffffff;
    --favorite-color: #220000;
    --selected-button-color1: #220000;
    --selected-button-color2: #220000;
    --selected-button-color3: #ffffff;
    --selected-button-color4: #000000;
    --selected-text-color1: #ffffff;
    --selected-text-color2: #ffffff;
    --selected-text-color3: #85181c;
    --select-color: #ffffff;
    --accent-color: #222731;
    --accent-text-color: #ffffff;
    --accent-glow-color: #f4dec3;

    --footer-bg-color: #fefefe;
    --footer-text-color: #000000;
    --footer-icon-color: #000000;
    --modal-bg-container-color: #000000;
}