:root {
    /* Main Background Colors */
    --main-bg: #ffffffff;
    --main-bg-color: #f4dec3;
    --contact-info-bg: none;

    /* Header Colors */
    --header-color: #222731ee;
    --header-bg-color: #222731ee;
    --header-bg-image: none;
    --header-bordercolor-1: #fefefe;
    --header-bordercolor-2: #fefefe;
    --header-icon-color: #fefefe;

    /* Hero Section Colors */
    --hero-bg-color: #ffffffff;
    --hero-bg-image-fg-color: #f4dec3;
    --hero-text-color: #000;

    /* Footer Colors */
    --footer-bg-color: #fefefe;
    --footer-text-color: #000;

    /* Menu Colors */
    --menu-bg-color-1: #22273111;
    --menu-bg-color-2: #00000055;

    /* Button Colors */
    --button-color1: #501176ff;
    --button-color2: #000;
    --button-text-color1: #fefefe;
    --button-text-color2: #ffffff;
    --button-text-color3: #fff;
    --selected-button-color1: #200;
    --selected-button-color2: #200;
    --selected-button-color3: #fff;
    --selected-button-color4: #000000ee;

    /* Text Colors */
    --header-text-color: #ffffffff;
    --main-text-color: #000000ff;
    --selected-text-color1: #fff;
    --selected-text-color2: #fff;
    --selected-text-color3: #85181c;

    /* Modal/Overlay Colors */
    --modal-bg-container-color: #00000055;
}