/* Santifer — generated from tokens.json */
:root, [data-theme="light"] {
  --fondo: #f4f5f7;
  --superficie: #ffffff;
  --superficie-hundida: #eceef0;
  --arena: #e2decf;
  --arena-suave: #f1eee4;
  --linea: #dadfe2;
  --linea-fuerte: #899093;
  --tinta: #1d2124;
  --tinta-suave: #61686c;
  --tinta-tenue: #899093;
  --primario: #2e3538;
  --primario-hover: #1f2527;
  --sobre-primario: #ffffff;
  --acento: #7e22ce;
  --acento-suave: #f3e8ff;
  --sobre-acento: #ffffff;
  --exito: #15803d;
  --exito-suave: #dcfce7;
  --aviso: #a15c07;
  --aviso-suave: #fef3c7;
  --peligro: #b42318;
  --peligro-suave: #fee4e2;
  --sobre-peligro: #ffffff;
  --info: #1d4ed8;
  --info-suave: #dbeafe;
  --estado-recibido: #2e3538;
  --estado-recibido-fondo: #e3e7ea;
  --estado-diagnostico: #1e40af;
  --estado-diagnostico-fondo: #dbeafe;
  --estado-esperando-pieza: #8a4b00;
  --estado-esperando-pieza-fondo: #fdebc8;
  --estado-reparacion: #6b21a8;
  --estado-reparacion-fondo: #f3e8ff;
  --estado-taller-externo: #115e59;
  --estado-taller-externo-fondo: #d5f2ee;
  --estado-listo: #166534;
  --estado-listo-fondo: #dcfce7;
  --estado-no-reparado: #9a3412;
  --estado-no-reparado-fondo: #ffedd5;
  --estado-entregado: #4b5357;
  --estado-entregado-fondo: #eceef0;
  --estado-anulado: #5c6366;
  --estado-anulado-fondo: #f1f2f3;
  --estado-abandonado: #5e5536;
  --estado-abandonado-fondo: #efebdd;
  --stock-si: var(--exito);
  --stock-pedir: var(--aviso);
  --stock-sin: var(--tinta-suave);
  --foco: var(--acento);
  --sombra-tarjeta: 0 1px 2px rgba(29,33,36,0.06), 0 2px 6px rgba(29,33,36,0.08);
  --sombra-flotante: 0 8px 24px rgba(29,33,36,0.14);
}
[data-theme="dark"] {
  --fondo: #15181a;
  --superficie: #1e2225;
  --superficie-hundida: #111315;
  --arena: #3a362b;
  --arena-suave: #2a2721;
  --linea: #33393d;
  --linea-fuerte: #6b7478;
  --tinta: #eef1f2;
  --tinta-suave: #a9b6b9;
  --tinta-tenue: #7d878b;
  --primario: #e2decf;
  --primario-hover: #edeae0;
  --sobre-primario: #15181a;
  --acento: #c084fc;
  --acento-suave: #3b1a5c;
  --sobre-acento: #15181a;
  --exito: #4ade80;
  --exito-suave: #0f2e1b;
  --aviso: #fbbf24;
  --aviso-suave: #3a2a06;
  --peligro: #f97066;
  --peligro-suave: #3d1512;
  --sobre-peligro: #15181a;
  --info: #93c5fd;
  --info-suave: #172554;
  --estado-recibido: #e6eaec;
  --estado-recibido-fondo: #2c3236;
  --estado-diagnostico: #bfdbfe;
  --estado-diagnostico-fondo: #1e2a4a;
  --estado-esperando-pieza: #fcd34d;
  --estado-esperando-pieza-fondo: #3a2a06;
  --estado-reparacion: #e9d5ff;
  --estado-reparacion-fondo: #3b1a5c;
  --estado-taller-externo: #99f6e4;
  --estado-taller-externo-fondo: #123b38;
  --estado-listo: #bbf7d0;
  --estado-listo-fondo: #0f2e1b;
  --estado-no-reparado: #fdba74;
  --estado-no-reparado-fondo: #3b1d0c;
  --estado-entregado: #c3cbce;
  --estado-entregado-fondo: #262b2e;
  --estado-anulado: #a3acb0;
  --estado-anulado-fondo: #202427;
  --estado-abandonado: #e2decf;
  --estado-abandonado-fondo: #3a362b;
  --sombra-tarjeta: 0 1px 2px rgba(0,0,0,0.5);
  --sombra-flotante: 0 8px 24px rgba(0,0,0,0.6);
  --stock-si: var(--exito);
  --stock-pedir: var(--aviso);
  --stock-sin: var(--tinta-suave);
  --foco: var(--acento);
}
:root {
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 12px;
  --espacio-4: 16px;
  --espacio-5: 20px;
  --espacio-6: 24px;
  --espacio-8: 32px;
  --espacio-10: 40px;
  --espacio-12: 48px;
  --radio-sm: 6px;
  --radio-md: 10px;
  --radio-lg: 16px;
  --radio-pastilla: 999px;
  --control-sm: 36px;
  --control-md: 44px;
  --control-lg: 56px;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;
}
.titulo-pantalla { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; }
.titulo-seccion { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 600; }
.numero-ot { font-family: var(--font-sans); font-size: 32px; line-height: 36px; font-weight: 700; }
.cuerpo { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.cuerpo-fuerte { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.secundario { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.etiqueta { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.diminuto { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.precio { font-family: var(--font-sans); font-size: 20px; line-height: 24px; font-weight: 700; }
.precio-grande { font-family: var(--font-sans); font-size: 28px; line-height: 32px; font-weight: 700; }
.codigo { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 500; }