:root {
    /* 🎨 Základní paleta (z obrázku) */
    --color-a: #ffeeaa; /* velmi světlá žlutá */
    /*--color-b: green;*/
    --color-b: #d4bf6a;  /*světle žlutohnědá */
    --color-c: #aa9339; /* střední zlatavá */
    --color-d: #806a15; /* tmavší olivově zlatá */
    --color-e: #554400; /* velmi tmavá hnědožlutá */
    /* 🧱 Významové barvy UI */
    --color-top-panel: var(--color-d);
    --color-sidebar: var(--color-b);
    --color-button-save: var(--color-c);
    --color-button-back: var(--color-b);
    --color-button-secondary: var(--color-a);
    /* 📝 Textové barvy */
    --color-text-on-dark: #ffffff;
    --color-text-on-light: #212121;
    --color-button-save-hover: #997c2f; /* tmavší než save */
    --color-button-back-hover: #b4a653; /* tmavší než back */
    --color-button-secondary-hover: #f7e49a; /* tmavší než secondary */

    --color-sidebar-hover: #b49e45; /* tmavší než --color-sidebar (#d4bf6a) */


    --color-text-button-save: var(--color-text-on-dark);
    --color-text-button-back: var(--color-text-on-dark);
    --color-text-button-secondary: var(--color-text-on-light);
    /* 🟫 Okraje tlačítek */

    --color-border-button-save: var(--color-e); /* Tmavý okraj pro hlavní tlačítko "Uložit" */
    --color-border-button-back: var(--color-button-back-hover); /* Mírně tmavší žlutá pro okraj tlačítka "Zpět" */
    --color-border-button-secondary: var(--color-b); /* Světlejší zlatavý okraj pro sekundární tlačítka */
    --color-border-button-logout: var(--color-d); /* Tmavší zlatavý okraj pro tlačítko "Odhlásit" */
    --color-border-password-toggle: var(--color-border-button-secondary); /* Sdílený okraj pro tlačítko oka – ladí se sekundárním */
    /* 📅 Barvy řádků účasti */
    --color-attend-yes: #d4edda; /* světle zelená */
    --color-attend-no: #f8d7da; /* světle červená */
    --color-attend-maybe: #fff3cd; /* světle žlutá */
    /* 🟨 Zvýraznění aktivního prvku */
    --color-highlight-border: var(--color-b);
    /*logout button*/
    --color-button-logout: #806a15;
    --color-button-logout-hover: #9b8326;
    --color-text-button-logout: #ffffff;
    /*oznaceni radku vybraných ano ne*/

    --color-bg-select-yes: #e8f5e9; /* jemně zelená */
    --color-text-select-yesO: #2e7d32; /* tmavší zelená */
    --color-text-select-yes: black;
    --color-bg-select-no: #ffebee; /* jemně červená */
    --color-text-select-noO: #c62828; /* tmavší červená */
    --color-text-select-no: black; /* tmavší červená */

    --color-bg-select-maybe: #fffde7; /* jemně žlutá */
    --color-text-select-maybe: #f9a825; /* tmavší žlutá */
    /*cisla syta*/
    --color-text-participation-yes: #2e7d32; /* zelená */
    --color-text-participation-no: #e57373; /* červená */
    --color-text-participation-maybe: #f9a825; /* žlutá */
    /* 🟡🔵 Barvy týmů */
    --color-team-yellow: #f9e79f; /* jemná světle žlutá pro žlutý tým */
    --color-team-blue: #aed6f1; /* jemná světle modrá pro modrý tým */

    --color-text-team-yellow: black; /* tmavší kontrastní text */
    --color-text-team-blue: black; /* tmavší kontrastní text */
}