/*
 * Design tokens — Auditor Web (CRIATech)
 *
 * Paleta y tipografía extraídas de los paneles reales de la flota CRIATech
 * (galaxy-monitor, monitor-ciber, criatech-noticias): cian-azul sobre
 * casi-negro, tinte azul en los neutros, Inter/Space Grotesk/JetBrains Mono.
 * No son colores inventados — ver el plan de rediseño para la evidencia.
 */

:root {
  /* Fondo */
  --bg: #05070a;
  --bg-1: #0b0f1a;
  --bg-2: #10162482;

  /* Bordes y superficies de vidrio */
  --border: rgba(148, 178, 220, 0.14);
  --border-strong: rgba(148, 178, 220, 0.28);
  --glass-bg: rgba(10, 16, 28, 0.55);
  --glass-bg-strong: rgba(12, 19, 33, 0.7);
  --glass-highlight: rgba(255, 255, 255, 0.12);

  /* Texto (tinte azul, nunca gris puro) */
  --text: #eaf0f8;
  --text-dim: #a8b6cf;
  --text-faint: rgba(168, 182, 207, 0.55);

  /* Acento — cian-azul real de la flota (galaxy-monitor #7fdcff / monitor-ciber #5fb8ff) */
  --accent: #5fb8ff;
  --accent-soft: #7fdcff;
  --accent-glow: rgba(95, 184, 255, 0.35);
  --accent-dim-bg: rgba(95, 184, 255, 0.1);

  /* Semánticos — mismos que monitor-ciber (no inventados) */
  --ok: #4ac28a;
  --critical: #ff6b6b;
  --high: #ff9466;
  --warn: #e8b257;
  --low: var(--accent-soft);

  /* Forma */
  --radius: 22px;
  --radius-sm: 14px;
  --radius-pill: 999px;

  /* Tipografía */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Movimiento */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 180ms;
  --duration-normal: 320ms;
}

@media (prefers-color-scheme: light) {
  /* El producto está pensado como panel técnico oscuro (igual que el resto
     de la flota); no se ofrece variante clara por ahora — decisión de marca,
     no un olvido. */
}