:root {
    --brand-black: #121212;
    --brand-gold: #c4a46a;
    --brand-ivory: #f5f1e8;
    --brand-stone: #b9b0a2;
    --brand-bronze: #79603a;
    --brand-charcoal: #242321;
    --brand-olive: #405449;
    --brand-wine: #70454b;
    --font-heading: Georgia, "Times New Roman", serif;
    --font-interface: "Segoe UI", Arial, sans-serif;
    --color-background: var(--brand-black);
    --color-text: var(--brand-ivory);
    --color-accent: var(--brand-gold);
    --color-muted: var(--brand-stone);
    --surface-card: var(--brand-charcoal);
    --surface-panel: #1b1a19;
    --border-subtle: rgba(185, 176, 162, 0.2);
    --border-accent: rgba(196, 164, 106, 0.5);
    --shadow-overlay: 0 24px 64px rgba(0, 0, 0, 0.42);
    --radius-control: 6px;
    --radius-card: 8px;
    --radius-small: 6px;
    --radius-medium: 8px;
    --radius-large: 8px;
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;
    --z-floating: 100;
    --z-dialog: 10000;
    --z-toast: 10002;
}

body.theme-day {
    --color-background: var(--brand-ivory);
    --color-text: var(--brand-black);
    --color-accent: var(--brand-bronze);
    --color-muted: #655e54;
    --surface-card: #fffdf8;
    --surface-panel: #ece6dc;
    --border-subtle: rgba(121, 96, 58, 0.22);
    --border-accent: rgba(121, 96, 58, 0.48);
    --shadow-overlay: 0 24px 64px rgba(36, 35, 33, 0.18);
}