:root {

    --bg-canvas: #090807;
    --bg-surface: #121110;
    --bg-card: #181716;
    --bg-card-hover: #22211F;
    --bg-glass: rgba(10, 9, 8, 0.94);

    --bg-viewer-frame: #070706;
    --bg-viewer-sheet: #040404;
    --hero-gradient-overlay: linear-gradient(180deg, rgba(10, 9, 8, 0.78) 0%, #090807 100%);

    --border-hairline: rgba(255, 240, 220, 0.08);
    --border-medium: rgba(255, 240, 220, 0.16);
    --border-hover: rgba(200, 162, 101, 0.45);

    --text-pure: #FAF8F5;
    --text-lead: #EDE8E1;
    --text-secondary: #A8A29A;
    --text-muted: #8E877D;

    --vintage-cream: #F6F3EB;
    --vintage-parchment: #E8DFC8;
    --vintage-gold: #C8A265;
    --vintage-gold-soft: rgba(200, 162, 101, 0.15);
    --vintage-gold-border: rgba(200, 162, 101, 0.4);
    --cookie-btn-color: #090807;

    --brand-red: #C8102E;
    --brand-red-hover: #A50D25;
    --brand-red-subtle: rgba(200, 16, 46, 0.12);
    --brand-red-border: rgba(200, 16, 46, 0.45);

    --emblem-glow: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 35px rgba(200, 162, 101, 0.22));
    --card-shadow: 0 16px 40px rgba(0, 0, 0, 0.7);
    --input-bg: rgba(255, 240, 220, 0.04);

    --font-editorial: 'Barlow Condensed', sans-serif;
    --font-serif: 'Cinzel', serif;
    --font-sans: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    --radius-sharp: 2px;
    --radius-sm: 4px;
    --radius-md: 8px;

    --trans-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    --trans-smooth: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"],
body.day-mode {
    --bg-canvas: #F6F3EB;
    --bg-surface: #EDE6D8;
    --bg-card: #FCFAF6;
    --bg-card-hover: #F2ECE0;
    --bg-glass: rgba(246, 243, 235, 0.95);

    --bg-viewer-frame: #E2DBD0;
    --bg-viewer-sheet: #1C1A18;
    --hero-gradient-overlay: linear-gradient(180deg, rgba(246, 243, 235, 0.82) 0%, #F6F3EB 100%);

    --border-hairline: rgba(55, 45, 35, 0.12);
    --border-medium: rgba(55, 45, 35, 0.24);
    --border-hover: rgba(160, 115, 50, 0.6);

    --text-pure: #151311;
    --text-lead: #282522;
    --text-secondary: #5C544B;
    --text-muted: #5E564A;

    --vintage-cream: #151311;
    --vintage-parchment: #423C35;
    --vintage-gold: #825B1F;
    --vintage-gold-soft: rgba(156, 114, 48, 0.12);
    --vintage-gold-border: rgba(156, 114, 48, 0.45);

    --brand-red: #B00E26;
    --brand-red-hover: #8F0A1E;
    --brand-red-subtle: rgba(176, 14, 38, 0.08);
    --brand-red-border: rgba(176, 14, 38, 0.35);

    --emblem-glow: drop-shadow(0 12px 28px rgba(70, 50, 30, 0.18));
    --card-shadow: 0 8px 24px rgba(60, 45, 30, 0.08);
    --input-bg: #FFFFFF;
    --cookie-btn-color: #FFFFFF;
}