/* GENERADO por scripts/diseno/construir_tokens.py desde docs/diseno/tokens/sistema.json: no editar a mano. */
/* Sistema de diseño Sakigan · dirección D2 (Laboratorio) con titulares serif. Oscuro por defecto; claro con data-tema="claro"; sigue al sistema con data-tema="auto". */
:root {
  --ns-fuente-ui: "Work Sans", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ns-fuente-titulo: "Work Sans", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ns-fuente-datos: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --ns-tam-xs: 12px;
  --ns-tam-sm: 13px;
  --ns-tam-base: 15px;
  --ns-tam-md: 17px;
  --ns-tam-lg: 22px;
  --ns-tam-xl: 28px;
  --ns-tam-xxl: 36px;
  --ns-tam-hero: 48px;
  --ns-lh-titulo: 1.15;
  --ns-lh-ajustada: 1.3;
  --ns-lh-normal: 1.5;
  --ns-peso-normal: 400;
  --ns-peso-medio: 500;
  --ns-peso-seminegrita: 600;
  --ns-peso-negrita: 700;
  --ns-peso-titulo: 500;
  --ns-s-1: 4px;
  --ns-s-2: 8px;
  --ns-s-3: 12px;
  --ns-s-4: 16px;
  --ns-s-5: 24px;
  --ns-s-6: 32px;
  --ns-s-7: 48px;
  --ns-s-8: 64px;
  --ns-r-tarjeta: 8px;
  --ns-r-control: 6px;
  --ns-r-chip: 6px;
  --ns-r-completo: 999px;
  --ns-h-alto: 44px;
  --ns-h-alto-sm: 36px;
  --ns-h-icono: 20px;
  --ns-h-check: 22px;
  --ns-t-rapido: 120ms;
  --ns-t-normal: 200ms;
  --ns-t-lento: 320ms;
  --ns-t-curva: cubic-bezier(.2, 0, 0, 1);
  --ns-z-pegajoso: 10;
  --ns-z-flotante: 20;
  --ns-z-modal: 30;
  --ns-z-aviso: 40;
  --ns-z-tip: 50;
  --ns-ancho-contenido: 1200px;
  --ns-ancho-lectura: 68ch;
  --ns-ancho-menu: 232px;
  --ns-ancho-menu-riel: 64px;
  --ns-ancho-cabecera: 56px;
}
:root,
:root[data-tema="oscuro"] {
  color-scheme: dark;
  --ns-fondo: #05030f;
  --ns-superficie: #0b0724;
  --ns-superficie-2: #130b38;
  --ns-superficie-3: #1c1150;
  --ns-borde: #2a2060;
  --ns-borde-control: #8d82c8;
  --ns-texto: #f3edff;
  --ns-texto-2: #bdb2de;
  --ns-texto-3: #a095cc;
  --ns-acento: #6a47f5;
  --ns-acento-hover: #5a37e0;
  --ns-sobre-acento: #ffffff;
  --ns-acento-texto: #b9a4ff;
  --ns-acento-suave: #1e1450;
  --ns-foco: #b9a4ff;
  --ns-ok: #0ca30c;
  --ns-ok-texto: #3ecf3e;
  --ns-ok-suave: #0d2410;
  --ns-aviso: #fab219;
  --ns-aviso-texto: #fab219;
  --ns-aviso-suave: #2a2008;
  --ns-serio: #ec835a;
  --ns-serio-texto: #f2a07f;
  --ns-serio-suave: #2b170f;
  --ns-critico: #d03b3b;
  --ns-critico-texto: #f07a7a;
  --ns-critico-suave: #2d1214;
  --ns-velo: rgba(3, 6, 9, .66);
  --ns-sombra-flotante: 0 8px 24px rgba(0, 0, 0, .45);
  --ns-sombra-modal: 0 24px 64px rgba(0, 0, 0, .6);
  --ns-serie-1: #3987e5;
  --ns-serie-2: #d95926;
  --ns-serie-3: #199e70;
  --ns-serie-4: #c98500;
  --ns-serie-5: #d55181;
  --ns-serie-6: #008300;
  --ns-serie-7: #9085e9;
  --ns-serie-8: #e66767;
}
:root[data-tema="claro"] {
  color-scheme: light;
  --ns-fondo: #f6f4fd;
  --ns-superficie: #ffffff;
  --ns-superficie-2: #efecfa;
  --ns-superficie-3: #e4dff6;
  --ns-borde: #dcd6f0;
  --ns-borde-control: #7b72a6;
  --ns-texto: #140c34;
  --ns-texto-2: #463e6e;
  --ns-texto-3: #5a5283;
  --ns-acento: #5b36ee;
  --ns-acento-hover: #4a28d0;
  --ns-sobre-acento: #ffffff;
  --ns-acento-texto: #4a28d0;
  --ns-acento-suave: #ece8ff;
  --ns-foco: #4a28d0;
  --ns-ok: #0ca30c;
  --ns-ok-texto: #006300;
  --ns-ok-suave: #e3f5e3;
  --ns-aviso: #fab219;
  --ns-aviso-texto: #7a5200;
  --ns-aviso-suave: #fdf1d4;
  --ns-serio: #ec835a;
  --ns-serio-texto: #9a3f17;
  --ns-serio-suave: #fde9e0;
  --ns-critico: #d03b3b;
  --ns-critico-texto: #b02a2a;
  --ns-critico-suave: #fbe4e4;
  --ns-velo: rgba(20, 12, 52, .45);
  --ns-sombra-flotante: 0 8px 24px rgba(40, 20, 120, .14);
  --ns-sombra-modal: 0 24px 64px rgba(40, 20, 120, .26);
  --ns-serie-1: #5b36ee;
  --ns-serie-2: #eb6834;
  --ns-serie-3: #1baf7a;
  --ns-serie-4: #eda100;
  --ns-serie-5: #e87ba4;
  --ns-serie-6: #2a78d6;
  --ns-serie-7: #008300;
  --ns-serie-8: #e34948;
}
/* Superficie de papel: paleta clara también dentro del tema oscuro (informes para imprimir o enviar). */
.ns-papel {
  color-scheme: light;
  --ns-fondo: #f6f4fd;
  --ns-superficie: #ffffff;
  --ns-superficie-2: #efecfa;
  --ns-superficie-3: #e4dff6;
  --ns-borde: #dcd6f0;
  --ns-borde-control: #7b72a6;
  --ns-texto: #140c34;
  --ns-texto-2: #463e6e;
  --ns-texto-3: #5a5283;
  --ns-acento: #5b36ee;
  --ns-acento-hover: #4a28d0;
  --ns-sobre-acento: #ffffff;
  --ns-acento-texto: #4a28d0;
  --ns-acento-suave: #ece8ff;
  --ns-foco: #4a28d0;
  --ns-ok: #0ca30c;
  --ns-ok-texto: #006300;
  --ns-ok-suave: #e3f5e3;
  --ns-aviso: #fab219;
  --ns-aviso-texto: #7a5200;
  --ns-aviso-suave: #fdf1d4;
  --ns-serio: #ec835a;
  --ns-serio-texto: #9a3f17;
  --ns-serio-suave: #fde9e0;
  --ns-critico: #d03b3b;
  --ns-critico-texto: #b02a2a;
  --ns-critico-suave: #fbe4e4;
  --ns-velo: rgba(20, 12, 52, .45);
  --ns-sombra-flotante: 0 8px 24px rgba(40, 20, 120, .14);
  --ns-sombra-modal: 0 24px 64px rgba(40, 20, 120, .26);
  --ns-serie-1: #5b36ee;
  --ns-serie-2: #eb6834;
  --ns-serie-3: #1baf7a;
  --ns-serie-4: #eda100;
  --ns-serie-5: #e87ba4;
  --ns-serie-6: #2a78d6;
  --ns-serie-7: #008300;
  --ns-serie-8: #e34948;
  background: var(--ns-superficie);
  color: var(--ns-texto);
}
@media (prefers-color-scheme: light) {
  :root[data-tema="auto"] {
    color-scheme: light;
  --ns-fondo: #f6f4fd;
  --ns-superficie: #ffffff;
  --ns-superficie-2: #efecfa;
  --ns-superficie-3: #e4dff6;
  --ns-borde: #dcd6f0;
  --ns-borde-control: #7b72a6;
  --ns-texto: #140c34;
  --ns-texto-2: #463e6e;
  --ns-texto-3: #5a5283;
  --ns-acento: #5b36ee;
  --ns-acento-hover: #4a28d0;
  --ns-sobre-acento: #ffffff;
  --ns-acento-texto: #4a28d0;
  --ns-acento-suave: #ece8ff;
  --ns-foco: #4a28d0;
  --ns-ok: #0ca30c;
  --ns-ok-texto: #006300;
  --ns-ok-suave: #e3f5e3;
  --ns-aviso: #fab219;
  --ns-aviso-texto: #7a5200;
  --ns-aviso-suave: #fdf1d4;
  --ns-serio: #ec835a;
  --ns-serio-texto: #9a3f17;
  --ns-serio-suave: #fde9e0;
  --ns-critico: #d03b3b;
  --ns-critico-texto: #b02a2a;
  --ns-critico-suave: #fbe4e4;
  --ns-velo: rgba(20, 12, 52, .45);
  --ns-sombra-flotante: 0 8px 24px rgba(40, 20, 120, .14);
  --ns-sombra-modal: 0 24px 64px rgba(40, 20, 120, .26);
  --ns-serie-1: #5b36ee;
  --ns-serie-2: #eb6834;
  --ns-serie-3: #1baf7a;
  --ns-serie-4: #eda100;
  --ns-serie-5: #e87ba4;
  --ns-serie-6: #2a78d6;
  --ns-serie-7: #008300;
  --ns-serie-8: #e34948;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ns-t-rapido: 0ms; --ns-t-normal: 0ms; --ns-t-lento: 0ms; }
}