/* Generado por scripts/build-tokens.py desde docs/tokens.json. No editar a mano. */
:root {
  color-scheme: light dark;
  --superficie: #f5f6f4;
  --superficie-alta: #ffffff;
  --linea: #c9cec8;
  --borde-control: #767c84;
  --tinta: #1a1d21;
  --tinta-suave: #555b63;
  --ambar-texto: #8a5300;
  --ambar-suave: #fff0c7;
  --mahon: #1f3f66;
  --on-mahon: #ffffff;
  --mahon-suave: #e4ecf5;
  --sugerencia: #5a616a;
  --verde: #1b7445;
  --verde-suave: #dcf1e4;
  --rojo: #b8321c;
  --on-rojo: #ffffff;
  --rojo-suave: #fbe2dc;
  --grafito: #1a1d21;
  --ambar: #ffb000;
  --on-ambar: #1a1d21;
  --matricula-fondo: #ffffff;
  --matricula-tinta: #111111;
  --matricula-ue: #003399;
  --matricula-estrellas: #ffcc00;
  --enlace: var(--mahon);
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-6: 24px;
  --esp-8: 32px;
  --esp-12: 48px;
  --toque: 56px;
  --radio-s: 4px;
  --radio-m: 10px;
  --radio-simbolo: 22%;
  --radio-full: 9999px;
  --font-display: "Barlow Semi Condensed", "Barlow", "Arial Narrow", sans-serif;
  --font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --sombra-carta: 0 1px 2px #1a1d2114, 0 4px 12px #1a1d2114;
  --foco: 0 0 0 2px #f5f6f4, 0 0 0 4px #1f3f66;
}
@media (prefers-color-scheme: dark) {
  :root {
    --superficie: #121416;
    --superficie-alta: #1c1f23;
    --linea: #3a4047;
    --borde-control: #848c95;
    --tinta: #eef0ee;
    --tinta-suave: #a9b0b8;
    --ambar-texto: #ffc54d;
    --ambar-suave: #3a2b06;
    --mahon: #93b8e6;
    --on-mahon: #0f1a28;
    --mahon-suave: #15253a;
    --sugerencia: #aeb5bd;
    --verde: #62cf94;
    --verde-suave: #0f2e1d;
    --rojo: #ff8c74;
    --on-rojo: #1a0a06;
    --rojo-suave: #3b1510;
    --sombra-carta: 0 2px 8px #000000b3;
    --foco: 0 0 0 2px #121416, 0 0 0 4px #93b8e6;
  }
}