/* =============================================================================
   TOKENS v2 · «consola SOC»: grafito neutro, paneles planos, el color solo es estado
   (zerohour-estilo.md v2, §2 y §3). Todas las variables de diseño viven aquí.
   ============================================================================= */
:root {
  /* Superficies y líneas: grafito azulado neutro, líneas sólidas */
  --bg-0: #0A0E13;                         /* fondo de página, cabeceras de grupo */
  --bg-1: #10161D;                         /* paneles, cabecera de la web */
  --bg-2: #151D26;                         /* barra de título de panel, hover */
  --bg-3: #1B2531;                         /* controles activos */
  --line-1: #1C2631;                       /* filete entre filas */
  --line-2: #26323F;                       /* borde de panel */
  --line-3: #3A4859;                       /* borde de controles (solo decorativo) */

  /* Texto (contraste sobre --bg-1: 15,2 · 9,2 · 6,1) */
  --text-1: #E6EBF1;
  --text-2: #AEB9C7;
  --text-3: #8A97A8;

  /* Estado */
  --ok: #38D996;                           /* marca, LIVE, fuente OK, foco, navegación, mi stack */
  --ok-dim: rgba(56, 217, 150, .10);
  --warn: #F5B544;                         /* fuente parcial, exploit/PoC */
  --warn-dim: rgba(245, 181, 68, .08);
  --fail: #FF5A6E;                         /* fuente caída */
  --info: #6CB6FF;                         /* librerías, tramo bajo del mapa */

  /* Severidad CVSS (sin cambios): las barras llevan el color; el texto, neutro */
  --sev-critical: #FF4F6D;
  --sev-high: #FF9940;
  --sev-medium: #E9D55B;
  --sev-low: #6CB6FF;
  --sev-unscored: #8A97A8;

  /* Veredicto = color del score; cada uno con forma propia (■ ◧ □ ○) */
  --v-hoy: #FF4F6D;
  --v-semana: #FF9940;
  --v-planificar: #E9D55B;
  --v-vigilar: #7F8FA3;
  --kev-title: #FF8095;                    /* títulos sobre el tinte crítico (7,6:1) */

  /* Mapa */
  --map-land: rgba(126, 152, 178, .55);
  --map-hi: #FF4F6D;
  --map-mid: #F5B544;
  --map-lo: #6CB6FF;

  /* Tipografía: mismas tres familias; la display solo en cifras */
  --f-display: 'Big Shoulders Display', 'Big Shoulders', sans-serif;
  --f-mono: 'Martian Mono', ui-monospace, monospace;
  --f-text: 'Hanken Grotesk', sans-serif;
  --mono-stretch: 87.5%;
  --fs-kpi: 34px;
  --fs-score: 26px;
  --fs-id: clamp(36px, 5vw, 56px);
  --fs-h2: clamp(30px, 3vw, 42px);         /* solo la página 404 */
  --fs-body: 15px;
  --fs-small: 13px;
  --fs-data: 12.5px;
  --fs-label: 11px;                        /* mínimo de la interfaz */
  --fs-chip: 10px;                         /* solo los chips bajan a 10 */
  --track-label: .08em;

  /* Espaciado y forma */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --gutter: 24px;
  --gap: 12px;
  --maxw: 1440px;
  --radius: 2px;                           /* paneles, chips y botones */
  --radius-dot: 50%;                       /* puntos del globo y pilotos */
  --hdr-h: 52px;
  --strip-h: 32px;
  --navbar-h: 58px;

  /* Movimiento (cambios-v2 §11): solo lo que dice que el sistema está vivo. Se quedan el
     barrido del radar y su destello, el piloto LIVE, el T+, un anillo de pulso por país y el
     autogiro (0,3). Fuera: el barrido de fondo, el conteo de cifras, la entrada escalonada del
     top, la aparición de los puntos del globo, el dial y la gráfica animados y el fundido entre
     pantallas. Con prefers-reduced-motion, todo a cero (componentes.css y globe.js). */
  --t-fast: 120ms;                         /* hover y foco */
  --t-blink: 1.6s;                         /* piloto LIVE */
  --t-pulse: 2.4s;                         /* anillo de pulso del globo: escala 1 → 2,6 */
  --t-radar: 6s;                           /* una vuelta del barrido del radar */
}
@media (max-width: 760px) {
  :root { --gutter: 12px; --gap: 10px; --fs-kpi: 26px; --fs-score: 24px; --hdr-h: 48px; }
}