/* tokens.css · Módulo de Materiales SIMCE 2026 · Ubix
   Tokens tomados de "Recomendaciones de Línea Gráfica y Pautas de Diseño para el Módulo de Materiales" (TI, 22-09-2026).
   En React: importar una sola vez en app/layout o en dashboard/materiales/layout.tsx; los module.css usan var(--mat-*). */
:root{
  /* Paleta institucional */
  --mat-azul:#013972;      /* primario: barras, botones, títulos */
  --mat-celeste:#58BEFC;   /* acento: foco, pestaña activa, barras de avance */
  --mat-navy:#0E1F4B;      /* cabecera oscura, fondos de código */
  --mat-blanco:#FFFFFF;
  /* Grises */
  --mat-gris-50:#F8FAFC;   /* fondo de la aplicación y filas alternas */
  --mat-gris-100:#F1F5F9;  /* fondo de tarjetas KPI y zonas secundarias */
  --mat-gris-200:#E2E8F0;  /* líneas y bordes */
  --mat-texto:#333333;     /* texto principal */
  --mat-texto-2:#475569;   /* texto secundario y metadatos */
  /* Semáforo */
  --mat-ok:#059669;  --mat-ok-fill:#10B981;  --mat-ok-bg:#ECFDF5;
  --mat-crit:#DC2626; --mat-crit-fill:#EF4444; --mat-crit-bg:#FEF2F2;
  --mat-warn:#D97706; --mat-warn-fill:#F59E0B; --mat-warn-bg:#FFFBEB;
  --mat-info:#1F5FA8; --mat-info-bg:#E3EEFA;
  --mat-pend:#475569; --mat-pend-bg:#EEF1F5;
  /* Tipografía */
  --mat-font:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --mat-mono:Consolas,"Courier New",monospace;
  --mat-fs-kpi:28px;        /* KPI 24 a 32 */
  --mat-fs-titulo:21px;     /* títulos 20 a 22 */
  --mat-fs-scan:19px;       /* input de pistoleo 18 a 20 */
  --mat-fs-tabla:13.5px;    /* tablas 13 a 14 */
  --mat-fs-meta:11.5px;     /* metadatos 11 a 12 */
  --mat-fs-base:14px;
  /* Métricas */
  --mat-touch:44px;         /* alto mínimo de botones y campos operables */
  --mat-radius:6px;
  --mat-shadow:0 1px 2px rgba(1,57,114,.08),0 4px 14px rgba(1,57,114,.06);
  --mat-gap:12px;
}