/* =============================================================================
   VENDEX v2 — tokens de diseño · dirección «BI moderno» (2026-09-12)
   Especificación: docs/05-diseno-v2.md · valores medidos en diseno-v2/vendex_kit.py
   =============================================================================

   REGLA DE USO, UNA SOLA: si un valor no está aquí, no se usa.

   Seis reglas que sobreviven del sistema anterior porque no son estéticas:
     1. un solo acento (azul = lo que se puede tocar)
     2. nunca un cero que en realidad es «no sé» — se pinta — con su motivo
     3. signo y color, nunca color solo (▲ ▼ ▬)
     4. cifras tabulares en todo número
     5. todo comparativo visible, no en tooltip
     6. un token se valida contra el VECINO, no contra blanco
   ========================================================================== */

:root {
  /* ---- superficies ---- */
  --fondo:          #F3F5F8;
  --superficie:     #FFFFFF;
  --superficie-2:   #F8FAFC;
  --borde:          #E4E7EC;
  --borde-2:        #D0D5DD;

  /* ---- texto ---- */
  --tinta:          #101828;
  --tinta-2:        #475467;
  --tinta-3:        #667085;
  --tinta-inv:      #FFFFFF;

  /* ---- acento único ---- */
  --acento:         #2457C5;
  --acento-suave:   #EEF3FD;
  --acento-claro:   #8FB4F7;   /* el mismo azul sobre la barra lateral oscura */
  --acento-hover:   #1B429B;
  --violeta:        #6B4BA8;   /* «lo calcula VENDEX»: no es estado */
  --violeta-suave:  #F3EFFA;

  /* ---- navegación ---- */
  --nav:            #101A2B;
  --nav-2:          #1B2942;
  --nav-txt:        #C9D4E6;
  --nav-txt-2:      #8496B3;

  /* ---- semánticos (contraste medido sobre su propio chip) ---- */
  --ok:             #127034;   /* 5.53:1 sobre --ok-suave */
  --ok-suave:       #E9F5EE;
  --mal:            #B91C1C;
  --mal-suave:      #FCECEC;
  --aviso:          #9A4708;   /* 5.73:1 sobre --aviso-suave */
  --aviso-suave:    #FBF1E3;
  --critico:        #7F1D1D;
  --critico-suave:  #F8E9E9;
  --dato:           #6B5410;   /* dato inválido: el sistema desconfía de su propio dato */
  --dato-suave:     #F7F1DE;
  --neutro:         #667085;
  --neutro-suave:   #F2F4F7;
  --sin-dato:       #667085;
  --sin-dato-bg:    #F2F4F7;

  /* ---- datos: serie categórica (todas ≥3:1 contra blanco Y contra --fondo) ---- */
  --d1: #2457C5;
  --d2: #0B7F73;
  --d3: #9A5B06;
  --d4: #6B4BA8;
  --d5: #5B6676;
  /* Par de PARTICIÓN: dos luminancias del mismo azul verificadas ENTRE SÍ
     (4.38:1). Se usa siempre que dos segmentos se toquen, más 1.5 px de papel. */
  --part-a:         #0D2947;
  --part-b:         #5E8FC8;
  --tarjeta:        #0D2947;
  --efectivo:       #5E8FC8;
  --otro:           #5B6676;

  /* ---- tipografía ---- */
  --fuente-ui:   "Instrument Sans", ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fuente-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --t-11: 11px; --t-12: 12px; --t-13: 13px; --t-14: 14px; --t-16: 16px;
  --t-20: 20px; --t-24: 24px; --t-28: 28px; --t-36: 36px;

  /* ---- forma ---- */
  --radio:   10px;
  --radio-2: 7px;
  --radio-3: 5px;
  --sombra:      0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10);
  --sombra-alta: 0 12px 24px -6px rgba(16,24,40,.18), 0 4px 8px -4px rgba(16,24,40,.10);
  --e-1: 2px; --e-2: 4px; --e-3: 6px; --e-4: 8px; --e-5: 10px; --e-6: 12px;
  --e-7: 16px; --e-8: 20px; --e-9: 24px; --e-10: 32px;

  /* ---- controles ---- */
  --control:     32px;          /* escritorio */
  --toque:       44px;          /* celular: área táctil mínima */
  --lateral:     232px;
  --lateral-min: 64px;
  --barra-sup:   56px;
}