:root {
    --bg-deep: #040609;
    --bg-mid: #060c18;
    --bg-warm: #0a1428;
    --bg-surface: #081018;
    --accent-cyan: #5a9fd4;
    --accent-orange: #7eb3f0;
    --accent-gold: #a8c9f0;
    --text-primary: #d8e6f7;
    --text-muted: #6d849f;
    --border-subtle: rgba(100, 150, 220, 0.14);
    --border-strong: rgba(120, 165, 230, 0.32);
    --grain-opacity: 0;
    --glow-cyan: 0 0 20px rgba(90, 159, 212, 0.28);
    --glow-cyan-soft: 0 0 32px rgba(90, 159, 212, 0.14);
    --glow-cyan-strong: 0 0 48px rgba(90, 159, 212, 0.35);
    --glow-text: 0 0 16px rgba(126, 179, 240, 0.4);
    --glow-text-soft: 0 0 24px rgba(90, 159, 212, 0.22);
    --font-main: "Inter", system-ui, sans-serif;
    --font-serif: "Antonio", sans-serif;
    --font-mono: "Source Code Pro", "Lucida Console", monospace;
    --letter-display: 0.1rem;
    --letter-label: 0.05rem;
    --header-height: 72px;
    --year-nav-height: 44px;
    --chrome-height: 8.75rem;
    --radius: 4px;
    --transition: 0.18s cubic-bezier(0.22, 1, 0.36, 1);
    --shadow-sm: 0 2px 14px rgba(0, 6, 20, 0.5), 0 0 20px rgba(90, 159, 212, 0.06);
    --shadow-md: 0 10px 36px rgba(0, 6, 24, 0.62), 0 0 48px rgba(90, 159, 212, 0.1);
    --shadow-glow: 0 4px 28px rgba(0, 6, 24, 0.55), 0 0 36px rgba(90, 159, 212, 0.12);
    --content-width: 44rem;
    --content-wide: 72rem;

    /* Blue-toned overlays */
    --accent-soft: rgba(90, 159, 212, 0.1);
    --accent-soft-strong: rgba(90, 159, 212, 0.16);
    --accent-border: rgba(90, 159, 212, 0.42);
    --accent-glow: rgba(90, 159, 212, 0.28);
    --accent-line: rgba(90, 159, 212, 0.45);
    --accent-highlight: rgba(126, 179, 240, 0.12);
    --surface-glass: rgba(8, 16, 32, 0.72);
    --header-glass: rgba(4, 6, 12, 0.94);
    --nav-glass: rgba(4, 6, 12, 0.9);
    --hover-ghost: rgba(140, 180, 240, 0.07);
    --modal-backdrop: rgba(2, 4, 14, 0.9);
    --media-bg: #020408;
    --on-accent: #060c18;
}