/* NextGen DS · puente con el CSS heredado.
   Las variables que ya usan los módulos (main.css, default-css.css, provcomun.css) pasan a leer los tokens,
   así una pantalla vieja que cargue el DS cambia de look sin tocar su CSS.

   `html:root` (especificidad 0,1,1) gana a los `:root` heredados SIN importar el orden de carga: main.css
   se inyecta con librerias() DESPUÉS del <head>, así que un `:root` simple aquí perdería. */
html:root {
  /* main.css */
  --color-principal: var(--ng-brand);
  --color-secundario: var(--ng-accent);
  --color-blanco: var(--ng-surface);
  --color-border: var(--ng-border-strong);
  /* default-css.css */
  --primary-color: var(--ng-brand);

  /* provcomun.css (Alta de Proveedores y Códigos): inerte hasta que esas pantallas carguen el DS */
  --pd-marino: var(--ng-brand);
  --pd-azul: var(--ng-accent);
  --pd-borde: var(--ng-border-strong);
  --pd-blanco: var(--ng-surface);
  --pd-celeste: var(--ng-accent-soft);
  --pd-celeste2: var(--ng-surface-2);
  --pd-linea: var(--ng-border-strong);
  --pd-fondo: var(--ng-bg);
  --pd-sombra: var(--ng-shadow-md);
  --pd-texto: var(--ng-fg);
  --pd-texto2: var(--ng-fg-2);
  --pd-gris: var(--ng-fg-3);
  --pd-ok: var(--ng-ok);         --pd-ok-f: var(--ng-ok-soft);         --pd-ok-t: var(--ng-ok);
  --pd-warn: var(--ng-warn);     --pd-warn-f: var(--ng-warn-soft);     --pd-warn-t: var(--ng-warn);
  --pd-bad: var(--ng-danger);    --pd-bad-f: var(--ng-danger-soft);    --pd-bad-t: var(--ng-danger);
  --pd-codigo: var(--ng-kind-2); --pd-codigo-f: var(--ng-kind-2-soft); --pd-codigo-t: var(--ng-kind-2);
}