:root {
  /* Paleta — sección 2 del brief de marca */
  --color-carbon: #1A1A1A;
  --color-carbon-alto: #242424;
  --color-carbon-bajo: #131313;
  --color-ambar: #E8891C;
  --color-ambar-alto: #F5A03D;
  --color-hueso: #F2EFE9;
  --color-hueso-tenue: #ACA89F;
  --color-linea: #333029;
  --color-si: #5FBF6A;
  --color-no: #E2483F;
  /* Rojo de marca aclarado — el original (#E2483F) da 3.86:1 sobre carbón,
     no pasa WCAG AA (4.5:1) en texto. Solo se usa para texto legible;
     bordes/fondos con transparencia siguen usando --color-no. */
  --color-no-texto: #F0685E;

  /* Acentos de las 3 series — variaciones tonales de la misma familia
     (nunca el verde/rojo de sí/no, para no cruzar el significado), usados
     en los tabs de /series/. */
  --color-serie-anos-despues: #E8891C;
  --color-serie-autopsia: #6B7A99;
  --color-serie-ya-no-lo-fabrican: #B97B6B;

  /* Tipografía — del paquete de marca: Archivo Black (titulares/datos de tiempo),
     IBM Plex Sans (sello/cuerpo), IBM Plex Mono (cifras/fechas/handle) */
  --fuente-titular: 'Archivo Black', 'Arial Black', Impact, sans-serif;
  --fuente-cuerpo: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fuente-mono: 'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;

  /* Espaciado */
  --espacio-1: 0.5rem;
  --espacio-2: 1rem;
  --espacio-3: 1.5rem;
  --espacio-4: 2.5rem;
  --espacio-5: 4rem;
  --espacio-6: 6rem;

  --ancho-contenido: 1120px;
  --radio: 3px;
  --transicion: 150ms ease;
}