:root {
  --c-night-blue: #0f1c2e;
  --c-night-blue-soft: #142742;
  --c-night-blue-deep: #0a1422;
  --c-royal-blue: #2f6fed;
  --c-gold: #c9a24d;
  --c-bg: #f4f6f9;
  --c-surface: #ffffff;
  --c-surface-soft: #edf2f7;
  --c-text: #1b2635;
  --c-text-muted: #526070;
  --c-border: #d7e0ea;
  --c-border-strong: #b7c4d2;
  --font-title: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-card: 0 1px 1px rgba(15, 28, 46, .04), 0 18px 38px rgba(15, 28, 46, .08);
  --shadow-raised: 0 24px 70px rgba(15, 28, 46, .16);
  --maxw: 1220px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #0b1522;
    --c-surface: #111b2a;
    --c-surface-soft: #152236;
    --c-text: #e7ecf4;
    --c-text-muted: #a6b2c2;
    --c-border: #253348;
    --c-border-strong: #3a4a62;
    --c-royal-blue: #7fa8ff;
    --c-gold: #d9b76a;
  }
}