/* ═══════════════════════════════════════════════════════════════════════
   Instatec Design System v1.0 · tokens.css (Fase 1, 18-jul-2026)
   Fuente de diseño: Instatec_Design_System_v1.docx (Opus 4.7).
   Fuente de VALORES: la matriz WCAG 30/30 ya auditada en producción
   (sprint contraste) — decisión M12: el vocabulario nuevo del documento se
   mapea a los valores auditados existentes; solo lo genuinamente nuevo
   (acentos por zona, espaciado, tipografía de escala) toma valores del doc.
   Regla M18: cero hex nuevo en componentes — todo color referencia un token.
   Compartido por WMS (index.html) · DIP (dip.html) · Super Admin (admin.html).
   El móvil (m/) es diseño de referencia y NO importa este archivo (F1+F2).
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* ── SUPERFICIE (alias → valores auditados del sistema vivo) ── */
  --bg-base:     #070B14;   /* = --bg-deep auditado (doc proponía #0E1116) */
  --bg-panel-ds: #0C1222;   /* = --bg-panel vivo */
  --bg-elevated: #111827;   /* = --bg-card vivo */
  --border-hair: #1E293B;   /* hairline sutil (doc §4) */

  /* ── TEXTO (auditados: 13.6/9.6/6.3 sobre base — AA/AAA) ── */
  --text-primary-ds:   #F1F5F9;
  --text-secondary-ds: #CBD5E1;
  --text-muted-ds:     #94A3B8;

  /* ── ACENTOS SEMÁNTICOS POR ZONA (doc §5 — nuevos) ── */
  --accent-op:       #3B82F6;   /* OPERACIÓN — azul */
  --accent-analysis: #8B5CF6;   /* ANÁLISIS — violeta */
  --accent-config:   #14B8A6;   /* CONFIGURACIÓN — teal */
  /* Variantes claras para TEXTO pequeño sobre panel (F5 accesibilidad):
     el violeta base da 4.41:1 sobre --bg-panel-ds (< 4.5 AA). Estas pasan
     AA/AAA medidas: op 7.34 · analysis 6.86 · config 10.03. Los tints de
     fondo/borde (color-mix 12%/30%) siguen usando los acentos base. */
  --accent-op-text:       #60A5FA;
  --accent-analysis-text: #A78BFA;
  --accent-config-text:   #2DD4BF;

  /* ── ESTADOS (alias → semáforo AAA auditado; doc los llamaba good/warn) ── */
  --status-good:   #34D399;   /* = --color-status-success (10.2 AAA) */
  --status-warn:   #FBBF24;   /* = --color-status-warning (11.8 AAA) */
  --status-danger: #F87171;   /* = --color-status-danger  (7.1 AAA)  */
  --status-info:   #60A5FA;   /* = --color-status-info auditado */

  /* ── ESPACIADO (grilla 8px, doc §6) ── */
  --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-6: 48px;

  /* ── TIPOGRAFÍA (doc §7; mono para SKU/EPC/lote/serial/hash) ── */
  --font-ui: 'Outfit', system-ui, 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', monospace;
  --text-display: 700 30px/1.2 var(--font-ui);
  --text-h2:      600 21px/1.3 var(--font-ui);
  --text-body:    400 14px/1.5 var(--font-ui);
  --text-label:   600 11px/1.3 var(--font-ui);
  --text-meta:    400 11px/1.4 var(--font-ui);
}