/* ============================================================
   ATLAS-TOKENS.CSS — Hoja de tokens canónica de AVISA «Atlas» (C)
   Fuente única de verdad del lenguaje visual. Cargar la PRIMERA.

   Promovido desde el bloque html[data-dir="c"] de directions.css del
   bundle de diseño (esmeralda / fintech aireado), sin scoping [data-dir]
   y descartando las direcciones A·Pliego y B·Terminal.
   --ease / --ease-out provienen del :root de base.css (movimiento,
   independiente de la dirección).
   Nombres CORTOS conservados sin renombrar. tokens-atlas.css NO se usa.
   ============================================================ */
:root {
  --bg:#f6f8f9; --surface:#ffffff; --surface-2:#f1f5f4; --surface-3:#e6edeb;
  --border:#e7eceb; --border-strong:#d2dbd9;
  --text:#16201d; --text-2:#586663; --text-3:#94a39f;
  --hover:#f0f5f4; --row-hover:#f2f8f6;
  --accent:#0f9b6c; --accent-strong:#0a7a54; --accent-weak:#e2f4ec; --accent-on:#ffffff;
  --pos:#0f9b6c; --pos-bg:#e2f4ec; --neg:#e0533c; --neg-bg:#fcebe5; --warn:#c5870f; --warn-bg:#fbf0d6;
  /* identidad visual del concepto Demo en SP-Comisiones, alta 11/06/2026 (decisión operador) */
  --demo:#5b53b8; --demo-bg:#eceafb;
  --sidebar-bg:#ffffff; --sidebar-border:#eef1f0;
  --thead-bg:#f6f9f8; --row-border:#f0f3f2;
  --row-group-bg:transparent; --row-group-hover:#f2f8f6;
  --row-total-bg:#f1f6f4; --row-total-border:1px solid #d2dbd9;
  --row-strong-bg:#eafaf3; --row-strong-fg:#0a5e41;
  --cat:#94a39f; --kpi-accent:var(--accent);

  --font-sans:'Plus Jakarta Sans', system-ui, sans-serif;
  --font-num:'DM Mono', ui-monospace, monospace;
  --fs-base:14px; --fs-table:13.5px; --fs-num:13.5px;
  --kpi-val-fs:25px; --kpi-val-fw:600;

  --radius-sm:9px; --radius:8px; --radius-lg:12px; --radius-pill:22px; /* --radius/-lg CONGELADOS al efectivo legacy (8/12) en P1b: flip identidad-pura; retune a 14/20 = fase aparte */
  --s-1:4px; --s-2:9px; --s-3:14px; --s-4:18px; --s-5:26px; --s-6:34px;
  /* --sidebar-w: FUENTE ÚNICA (F2b) — valor efectivo histórico 220px (antes duplicada aquí a 236px
     y en index.html a 220px, ganaba el inline). Los overrides responsive (56px riel, 0px móvil)
     viven en index.html y NO son fuente de verdad del ancho base. */
  --sidebar-w:220px; --header-h:52px; --page-max:1520px; /* --header-h CONGELADO 52 (efectivo; nominal era 68) — freeze obligatorio por layout, P1b */
  --cell-py:14px; --cell-px:18px; --indent:26px;
  --kpi-gap:16px; --kpi-pad:20px; --kpi-inner-gap:11px; --kpi-bar-h:0px;
  --card-border:1px solid var(--border);
  --shadow-card:0 2px 10px rgba(20,40,35,.05), 0 1px 2px rgba(20,40,35,.04);
  --shadow-pop:0 12px 36px rgba(20,40,35,.14);
  --shadow-modal:0 24px 70px rgba(10,20,16,.34);

  --tab-gap:6px; --tab-border:1px solid var(--border); --tab-bg:var(--surface); --tab-bg-hover:var(--surface-2);
  --tab-py:9px; --tab-px:16px; --tab-radius:22px;
  --tab-active-bg:var(--accent); --tab-active-fg:#ffffff; --tab-active-border:var(--accent); --tab-active-sub:#cdeede;

  --emp-gap:4px; --emp-pad:4px; --emp-track:#f1f5f4; --emp-track-border:1px solid #e7eceb; --emp-radius:16px; --emp-btn-radius:12px;
  --emp-active-bg:#ffffff; --emp-active-fg:var(--accent-strong); --emp-active-sub:var(--accent); --emp-active-shadow:0 2px 8px rgba(20,40,35,.1);
  --select-arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' fill='none' stroke='%2394a39f' stroke-width='1.4'/></svg>");

  /* ── Compatibilidad legacy → canon (AUDIT-CSS-P1b, 06/07/2026, CSS-001): alias de las
     definiciones-única que vivían en el :root legacy de index.html. Al borrar ese :root, estos
     alias mantienen DEFINIDOS a sus consumidores y los vuelcan al canon Atlas (flip identidad).
     13 alias; --acento-soft NO se aliasa (0 usos, DELETE). Ver docs/AUDITORIA_CSS_FRONT.md §3.bis. ── */
  --danger:var(--neg); --danger-bg:var(--neg-bg);
  --success:var(--pos); --success-bg:var(--pos-bg);
  --text2:var(--text-2); --text3:var(--text-3); --surface2:var(--surface-2);
  --font:var(--font-sans); --mono:var(--font-num);
  --azul:var(--accent); --azul-light:var(--accent); --azul-mid:var(--accent-strong); --acento:var(--accent);

  /* Movimiento — universales (de base.css :root, no dependen de la dirección) */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.2, .7, .3, 1);

  /* ── Escala tipográfica canónica del rediseño — 5 tamaños · 4 pesos (AUDIT-CSS-P3,
     decisión Fran 06/07/2026). ADITIVO: los consume components.css; los legacy
     --fs-base/--fs-table/--fs-num quedan intactos (migración por módulos). Line-heights
     viven en las clases .t-* de components.css. ── */
  --fs-kpi:30px;    /* cifra KPI · DM Mono · 500 · lh 1.1 */
  --fs-title:24px;  /* título de página · Jakarta · 700 · lh 1.2 */
  --fs-sec:18px;    /* título de sección · Jakarta · 600 · lh 1.25 */
  --fs-body:14px;   /* cuerpo y celdas · Jakarta · 400 · lh 1.45 (num = DM Mono, mismo 14px) */
  --fs-label:12px;  /* etiqueta / micro / badge · Jakarta · 600 · lh 1.3 (uppercase + tracking) */
  --fw-reg:400; --fw-med:500; --fw-semi:600; --fw-bold:700;
  --ctrl-h:34px;    /* alto UNIFORME de todo control en barra de filtro (select/seg/botón/fecha/buscador) */
}