/* Fuera del Mapa · tokens de marca (copia de PANEL/6 · Marca/Fuera del Mapa/tokens_fdm.css, v1 14 nov 2026)
   con las letras servidas desde /fonts (sin Google Fonts). Oscuro es el único modo. Contrastes contra --fdm-noche. */
@font-face { font-family: "Plus Jakarta Sans"; src: url("/fonts/PlusJakartaSans-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/JetBrainsMono-latin.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }

:root {
  color-scheme: dark;
  --fdm-noche: #140B2E;
  --fdm-uva: #3A0F4F;
  --fdm-magenta: #FF2E93;
  --fdm-cian: #19E3E3;
  --fdm-sol: #FF8A3D;
  --fdm-amarillo: #FFD23F;
  --fdm-luz: #FFF6E8;
  --fdm-lavanda: #B9A8D6;
  --fdm-calle: #5B2C86;
  --fdm-brillo: #4A1766;

  --bg: var(--fdm-noche);
  --surface: #1E1240;
  --surface-2: #2A1752;
  --line: rgba(185, 168, 214, 0.22);
  --line-fuerte: var(--fdm-calle);
  --text: var(--fdm-luz);
  --muted: var(--fdm-lavanda);
  --link: var(--fdm-cian);
  --focus: var(--fdm-cian);
  --primary: var(--fdm-sol);
  --primary-hover: #FF9D5C;
  --on-primary: var(--fdm-noche);
  --highlight: var(--fdm-amarillo);

  --font-marca: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --tracking-marca: -0.03em;
  --tracking-rotulo: 0.14em;
  --r: 14px;
  --r-pill: 999px;
}