:root {
    /* Zumi menu palette: cream background, black/taupe cards, red accent */

    /* Header */
    --header-color: #000000ed;
    --header-bg-color: #000000ee;
    --header-icon-color: #ffffff;
    --header-text-color: #ffffff;
    --header-text-shadow-color: #00000080;
    --header-bordercolor-1: #6d5d4e88;
    --header-bordercolor-2: #6d5d4e88;
    --header-bg-image: none;

    /* Hero */
    --hero-bg-color: #f9f5f0;
    --hero-bg-image-fg-color: #6d5d4e;
    --hero-text-color: #000000;
    --contact-info-bg: none;

    /* Main – cream background */
    --main-bg: #f9f5f0;
    --main-bg-color: #f9f5f0;
    --main-text-color: #000000;

    /* Menu – cream with black/taupe accents */
    --menu-bg-color-1: #000000;
    --menu-bg-color-2: #6d5d4e55;
    --menu-text-color: #ffffff;

    /* Buttons */
    --button-color1: #000000;
    --button-color2: #6d5d4e;
    --button-text-color1: #ffffff;
    --button-text-color2: #ffffff;
    --button-text-color3: #fff;

    /* Selected Button – red accent from IN/OUT labels */
    --selected-button-color1: #e33529;
    --selected-button-color2: #c92a20;
    --selected-button-color3: #fff;
    --selected-button-color4: #000000ee;
    --selected-text-color1: #fff;
    --selected-text-color2: #fff;
    --selected-text-color3: #e33529;

    /* Footer */
    --footer-bg-color: #fdfbf7;
    --footer-text-color: #7e7b77;

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

    /* Zumi card accent (labels) */
    --accent-red: #e33529;
    --card-taupe: #6d5d4e;
}