:root {
  /* Overflow brand blues: #1772c2 (primary) and #4dc4e8 (bright cyan), on deep navy */
  --color-deep: #082742;
  --color-primary: #1772c2;
  --color-accent: #4dc4e8;
  --color-accent-light: #7dd6ef;
  --color-gold: #c9933a;
  --color-ink: #0f1c28;
  --color-ink-soft: #2e3f4a;
  --color-muted: #607080;
  --color-line: #dce3e9;
  --color-bg: #fafbfc;
  --color-bg-soft: #f2f5f8;
  --color-bg-tint: #e8f3fb;
  /* Footer base — near-black charcoal, distinctly darker than the navy give band
     above it so the footer reads as its own band, not a continuation. */
  --color-footer: #0a0d11;

  --font-sans: "Hanken Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3.5rem;
  --space-6: 5.5rem;
  --space-7: 8rem;

  --radius: 4px;
  --radius-sm: 2px;
  --radius-pill: 999px;
  --container: 72rem;
  --container-narrow: 52rem;

  /* Header height token — used for mega-menu offset */
  --header-h: 64px;
}

/* Dark theme */
:root[data-theme="dark"] {
  --color-ink: #dde8ec;
  --color-ink-soft: #b0bdc4;
  --color-muted: #7a8f99;
  --color-line: #1e2f38;
  --color-bg: #0a1520;
  --color-bg-soft: #0f1e2a;
  --color-bg-tint: #132433;
  --color-primary: #4aa9e6;
  --color-accent: #4dc4e8;
  --color-accent-light: #7dd6ef;
}