:root {
    /* ==== ELEMENT SPECIFIC ==== */
    --menu: 0.429 0.000 180.000;
    --menu-foreground: 1 0 180.000;

    --btn: 56.61% 0.091 236.66;
    --btn-foreground: 1 0 0;

    --header: 0.753 0.156 var(--primary-hue);
    --header-foreground: 1 0.08 var(--primary-hue);

    --header-tab: 0.522 0.047 101.85;
    --header-tab-foreground: var(--header-foreground);

    --footer: var(--menu);
    --footer-foreground: var(--menu-foreground);

    /* ==== SEMANTIC COLORS ==== */
    /* --> DYNAMIC */
    --primary-hue: 101.520;
    --accent-hue: 236.67;
}