:root {
  --color-navy: #004b87;
  --color-navy-deep: #0f1c2e;
  --color-green: #00a754;
  --color-green-dark: #087a3f;
  --color-sky: #afd9ee;
  --color-paper: #f7f9fc;
  --color-sand: #e8eef5;
  --color-white: #ffffff;
  --color-muted: #5b6b7c;
  --color-border: #c9d5e3;
  --color-danger: #9b1c1c;
  --color-focus: #0b6bcb;
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --width-content: 72rem;
  --width-narrow: 44rem;
  --radius: 0.25rem;
  --shadow-soft: 0 1px 0 rgba(15, 28, 46, 0.04), 0 8px 24px rgba(15, 28, 46, 0.06);
  --header-h: 4.25rem;
  --z-header: 40;
  --z-nav: 50;
  --z-overlay: 60;
  --motion-fast: 160ms ease;
  --motion-med: 280ms ease;
  --bp-sm: 375px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 1ms;
    --motion-med: 1ms;
  }
}