:root {
  /* Brand — pulled from the real logo, not invented */
  --navy: #1b476e;
  --navy-deep: #10314f;
  --gold: #c4953e;
  --gold-deep: #a97d2e;
  --gold-ink: #8a6024; /* WCAG AA-safe (~5.45:1 on white) gold for text on light backgrounds; --gold-deep fails at ~3.7:1 */

  /* Neutrals — cool, not the cream/terracotta AI-default */
  --ink: #16232e;
  --slate: #56606b;
  --slate-light: #8a929b;
  --hairline: #d8dee3;
  --mist: #eef2f5;
  --paper: #ffffff;

  --alert: #b3261e;
  --success: #1e6b45;

  /* Type */
  --font-display: "Space Grotesk", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.4rem + 0.9vw, 2.1rem);
  --step-3: clamp(2.1rem, 1.75rem + 1.6vw, 3rem);
  --step-4: clamp(2.75rem, 2.15rem + 2.8vw, 4.25rem);

  /* Spacing rhythm */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 7.5rem;

  --content-max: 74rem;
  --prose-max: 42rem;
  --radius: 8px;
  --radius-sm: 4px;

  --shadow-elevated: 0 20px 40px -24px rgba(16, 49, 79, 0.35);
  --focus-ring: 0 0 0 3px rgba(196, 149, 62, 0.55);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}