/*
 * aliases.css — PUENTE TRANSITORIO de nomenclatura de tokens (FUNDACIONAL, B1 SLICE-A).
 *
 * app.css consume nombres legacy cortos (--color-*, --space-*, --radius-*, --font-size-*,
 * --font-sans) que NO existen en el design system canonical (tokens.css usa el prefijo
 * --nv-*). Este puente mapea cada alias legacy → su token canonical --nv-*, de modo que:
 *   - app.css deja de depender de los fallbacks hardcodeados (#a1a1aa, etc.) y empieza a
 *     consumir los valores reales del DS (paleta dark agentic, escala modular, etc.).
 *   - la migración de app.css a --nv-* directos puede hacerse incremental después, sin
 *     romper la presentación (este puente se retira cuando app.css ya no use aliases).
 *
 * ORDEN DE CARGA ESTRICTO en base.html: tokens.css → aliases.css → app.css.
 * (aliases.css necesita los --nv-* ya definidos; app.css necesita los --color-* ya resueltos.)
 *
 * Cada mapeo --nv-* fue verificado bit-exact contra tokens.css (B1.2). Sin GAPs: todos los
 * tokens --nv-* referenciados existen.
 *
 * DOS gaps de CRITERIO (no de existencia) marcados para validación VLM/contraste:
 *   1. --color-fg-muted → --nv-text-tertiary (#8a8a9b, 5.6:1 AA). El legacy usaba #a1a1aa
 *      (más claro). Marcado para VLM: verificar que el texto secundario/muted siga legible.
 *   2. --color-on-accent → --nv-text-on-accent (#ffffff). El legacy usaba #0b0b0f (texto
 *      OSCURO sobre acento). Cambia a BLANCO sobre púrpura: marcar para validar CONTRASTE en
 *      botones primarios (.btn-primary, .nv-view-switcher__pill--active, stepper marker, etc.).
 */
:root {
  /* --- Colores --- */
  --color-bg: var(--nv-bg-base);
  --color-surface: var(--nv-bg-elevated);
  --color-border: var(--nv-border-base);
  --color-fg: var(--nv-text-primary);
  --color-fg-muted: var(--nv-text-tertiary);    /* GAP CRITERIO 1: tertiary (#8a8a9b) — marcar VLM */
  --color-fg-disabled: var(--nv-text-disabled);
  --color-accent: var(--nv-accent);
  --color-accent-soft: var(--nv-accent-soft);
  --color-on-accent: var(--nv-text-on-accent);  /* GAP CRITERIO 2: #fff — validar contraste botones */
  --color-success: var(--nv-success);
  --color-warning: var(--nv-warning);
  --color-danger: var(--nv-danger);
  --color-info: var(--nv-info);

  /* --- Spacing (escala 4px) --- */
  --space-1: var(--nv-space-1);
  --space-2: var(--nv-space-2);
  --space-3: var(--nv-space-3);
  --space-4: var(--nv-space-4);
  --space-5: var(--nv-space-5);
  --space-6: var(--nv-space-6);
  --space-8: var(--nv-space-8);

  /* --- Radius --- */
  --radius-md: var(--nv-radius-md);
  --radius-lg: var(--nv-radius-lg);
  --radius-full: var(--nv-radius-full);

  /* --- Tipografía --- */
  --font-size-xs: var(--nv-text-xs);
  --font-size-sm: var(--nv-text-sm);
  --font-size-lg: var(--nv-text-lg);
  --font-size-2xl: var(--nv-text-2xl);
  --font-size-3xl: var(--nv-text-3xl);
  --font-size-4xl: var(--nv-text-4xl);
  --font-sans: var(--nv-font-sans);
}