/* Design tokens — IMPLEMENTATION_SPEC §4 (brand PDF canonical, 2026-09-21).
   Only these tokens appear in CSS. No raw hex in components. No dark theme
   (owner decision 2026-09-21: fixed light + midnight surfaces, no toggle). */
:root {
  /* Brand (PDF §4) */
  --midnight: #091426;
  --blue: #2563EB;
  --electric: #3B82F6;
  --white: #FFFFFF;
  --soft: #F5F7FA;
  --graphite: #667085;

  /* Allowed derived tints (nothing else) */
  --midnight-2: #0F213A;       /* raised surface on navy */
  --blue-press: #1D4ED8;       /* button hover */
  --blue-50: #EAF1FE;          /* tinted tile / selected state on light */
  --muted-on-dark: #B4C0D9;    /* secondary text on navy (AA) */
  --link-on-dark: #BFDBFE;      /* links on midnight-2 cards (AA; light stop of the §7 V gradient) */
  --line-dark: rgba(255, 255, 255, .14);
  --line-light: #DCE2EB;
  --field-border: #7B8698;     /* 3:1 against white for inputs */
  --error: #B42318;
  --success-bg: #E7F6EC;
  --success-ink: #0B4A22;

  /* Type */
  --font-heading: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Spacing (4px base): 4 8 12 16 24 32 48 64 96 128 */
  /* Radius by hierarchy */
  --r-tile: 20px;
  --r-control: 10px;
  --r-pill: 999px;

  /* Layout */
  --wrap: min(1200px, 100% - 48px);
}