:root {
    --navy-950: #08090d;
    --navy-900: #111827;
    --navy-800: #1a2035;
    --navy-700: #232d44;
    --navy-600: #2563eb;
    --navy-500: #3b82f6;
    --amber-500: #f59e0b;
    --amber-400: #fbbf24;
    --amber-300: #fcd34d;
    --amber-100: rgba(245, 158, 11, 0.08);
    --white: #1a2035;
    --cream: #111827;
    --cream-dark: #1a2035;
    --silver: #cbd5e1;
    --silver-light: #f1f5f9;
    --bg: var(--navy-900);
    --card-bg: #1a2035;
    --border: #2d3a54;
    --border-light: rgba(255, 255, 255, 0.08);
    --text: #f1f5f9;
    --text-muted: #cbd5e1;
    --text-light: #94a3b8;
    --muted: var(--text-light);
    --g1: var(--navy-900);
    --g2: var(--navy-800);
    --g3: var(--navy-500);
    --g4: var(--amber-500);
    --g5: #22c55e;
    --gold: var(--amber-500);
    --gold2: var(--amber-400);
    --gold-pale: var(--amber-100);
    --off: #141c2e;
    --grey1: var(--border);
    --grey2: var(--border-light);
    --grey3: var(--text-light);
    --grey4: var(--text-muted);
    --rad-sm: 4px;
    --rad: 8px;
    --rad-lg: 14px;
    --rad-xl: 18px;
    --rad-pill: 999px;
    --sh: 0 4px 16px rgba(0, 0, 0, 0.24);
    --sh-lg: 0 14px 38px rgba(0, 0, 0, 0.32);
    --sh-card: 0 12px 28px rgba(0, 0, 0, 0.24);
    --sh-hover: 0 18px 42px rgba(0, 0, 0, 0.34);
    --shadow: var(--sh);
    --shadow-lg: var(--sh-lg);
    --shadow-subtle: 0 1px 2px rgba(0, 0, 0, 0.18);
    --tr: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --lh-body: 1.7;
    --font-body: "Newsreader", Georgia, serif;
    --font-ui: "Plus Jakarta Sans", system-ui, sans-serif;
    --font-heading: "Plus Jakarta Sans", system-ui, sans-serif;
    --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", monospace;
    --g-blue: linear-gradient(135deg, var(--navy-500) 0%, var(--navy-600) 100%);
    --g-navy: linear-gradient(135deg, var(--navy-950) 0%, var(--navy-800) 100%);
    --g-amber: linear-gradient(135deg, var(--amber-500) 0%, var(--amber-400) 100%);
    --g-dark: linear-gradient(180deg, var(--navy-950) 0%, var(--navy-800) 100%);
    --g-cream: linear-gradient(180deg, var(--navy-900) 0%, var(--navy-800) 100%);
    --d950: var(--navy-950);
    --d900: var(--navy-900);
    --d800: var(--navy-800);
    --d700: var(--navy-700);
    --d600: #2d3a54;
    --b600: var(--navy-600);
    --b500: var(--navy-500);
    --b400: #60a5fa;
    --a500: var(--amber-500);
    --a400: var(--amber-400);
    --g500: #22c55e;
    --g100: #f3f4f6;
    --g400: #9ca3af;
    --g500c: #6b7280;
    --tx: var(--text);
    --txm: var(--text-light);
    --card: var(--card-bg);
    --brd: var(--border);
    --f: var(--font-ui);
    --fb: var(--font-body);
    --fm: var(--font-mono);
    --r: 12px;
    --rl: 16px;
    --rs: 8px;
    --shl: 0 18px 46px rgba(0, 0, 0, 0.34);
    --shb: 0 8px 24px rgba(37, 99, 235, 0.24);
}