/* tokens.css — design token defaults, verbatim from REDESIGN_SPEC §2.
   Token names are the contract between markup (Dev1), CSS (Dev2) and the CMS
   theme editor. The CMS-injected <style> (themeCss) is emitted AFTER this file
   in layout.njk, so runtime values in cms/data/theme.json override these. */

:root {
  /* §2.1 color */
  --color-canvas: #F7F9FC;
  --color-surface: #FFFFFF;
  --color-surface-sunken: #EFF3F8;
  --color-band: #0B1F3A;
  --color-band-surface: #12294A;
  --color-ink: #0F2137;
  --color-text: #384B60;
  --color-text-muted: #5B6B7C;
  --color-text-invert: #F5F8FC;
  --color-primary: #1D4ED8;
  --color-primary-strong: #1738A6;
  --color-primary-soft: #E8EFFC;
  --color-accent: #F59E0B;
  --color-positive: #047857;
  --color-danger: #BE123C;
  --color-border: #DDE4EC;
  --color-focus: #1D4ED8;

  /* §2.2 typography */
  --font-heading: 'Manrope Variable', 'Manrope', system-ui, sans-serif;
  --font-body: 'Inter Variable', 'Inter', system-ui, sans-serif;
  --fs-display: clamp(2.4rem, 1.4rem + 4vw, 3.75rem);
  --fs-h2: clamp(1.9rem, 1.35rem + 1.8vw, 2.5rem);
  --fs-h3: 1.25rem;
  --fs-lead: clamp(1.05rem, 1rem + 0.4vw, 1.25rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.8125rem;
  --fs-stat: clamp(2.2rem, 1.6rem + 2.5vw, 3.25rem);

  /* §2.3 space, shape, elevation, motion */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 5rem;
  --section-y: clamp(4rem, 3rem + 5vw, 6.5rem);
  --container-max: 1160px;
  --container-pad: 1.25rem;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15,33,55,.06);
  --shadow-md: 0 4px 16px rgba(15,33,55,.08);
  --shadow-lg: 0 12px 32px rgba(15,33,55,.12);
  --ease-out: cubic-bezier(.22,1,.36,1);
  --dur-fast: 150ms;
  --dur-med: 350ms;
}