:root {
  /* ── Colors ───────────────────────────────────────────────────────────────
   * Yorktown EVB brand palette — navy / red / paper.
   * Non-canonical namespaces (--colors-*, --brand-*, --custom-*) are
   * forbidden by design governance and will fail validation.
   * ────────────────────────────────────────────────────────────────────── */
  --color-primary:      #0A2A4A;   /* deep navy  */
  --color-primary-dark: #061a2e;   /* near-black navy */
  --color-secondary:    #C8102E;   /* Yorktown red */
  --color-accent:       #C8102E;   /* same red for accent surface */
  --color-surface:      #FAF8F4;   /* warm paper */
  --color-surface-alt:  #F4F1EA;   /* light bone */
  --color-text:         #0E0E10;   /* near-black ink */
  --color-text-muted:   #5a6073;
  --color-text-on-dark: #FAF8F4;
  --color-border:       rgba(10, 42, 74, 0.12);

  /* ── Typography ──────────────────────────────────────────────────────────
   * Canonical family tokens: --font-display, --font-body, --font-mono.
   * ────────────────────────────────────────────────────────────────────── */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-hero: clamp(2.75rem, 7vw, 5.5rem);

  /* ── Spacing ─────────────────────────────────────────────────────────────*/
  --space-xs:      0.5rem;
  --space-sm:      1rem;
  --space-md:      1.5rem;
  --space-lg:      2rem;
  --space-xl:      3rem;
  --space-2xl:     4rem;
  --space-section: 6rem;

  /* ── Border radius ───────────────────────────────────────────────────────*/
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-pill: 9999px;

  /* ── Shadows ─────────────────────────────────────────────────────────────*/
  --shadow-card:       0 4px 32px rgba(10, 42, 74, 0.08);
  --shadow-card-hover: 0 16px 48px rgba(10, 42, 74, 0.18);
  --shadow-hero:       0 32px 80px rgba(6, 26, 46, 0.35);

  /* ── Animation ───────────────────────────────────────────────────────────*/
  --animation-blob-speed:      18s;
  --animation-scroll-parallax: 0.3;
}