/* Design tokens, 1:1 from DESIGN.md front-matter. Every stylesheet reads
   these; no component redefines a color, radius or spacing step. */
:root {
  --primary: oklch(0.47 0.10 200);
  --primary-deep: oklch(0.38 0.09 202);
  --accent: oklch(0.65 0.13 70);
  --accent-tint: oklch(0.95 0.04 80);
  /* Ámbar never carries text as a fill, so the second voice needs a readable
     tone the way Teal has Teal profundo: this is the amber that text is set
     in, on --accent-tint (7.45:1). Added in V7 for the historical badge. */
  --accent-deep: oklch(0.42 0.10 70);
  --bg: oklch(1 0 0);
  --surface: oklch(0.97 0.005 210);
  --border: oklch(0.90 0.008 210);
  --ink: oklch(0.22 0.02 210);
  --muted: oklch(0.45 0.015 210);
  --verdict-good: oklch(0.45 0.10 155);
  --verdict-good-tint: oklch(0.95 0.05 150);
  --verdict-high: oklch(0.45 0.13 30);
  --verdict-high-tint: oklch(0.96 0.025 30);
  --shadow-flotante: 0 4px 16px oklch(0.22 0.02 210 / 0.12);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --r-sm: 4px; --r-md: 8px; --r-pill: 999px;
  --sp-2xs: 4px; --sp-xs: 8px; --sp-sm: 12px; --sp-md: 16px;
  --sp-lg: 24px; --sp-xl: 32px; --sp-2xl: 48px;
}