/* Tokens de diseño de Secuenza (identidad D · Pliegos).
   GENERADO por tools/marca/Generar-Tokens.ps1 desde docs/marca/tokens.json: no editar a mano. */

:root {
  --sz-marca-tinta: #1C2142;
  --sz-marca-tinta-noche: #11142B;
  --sz-marca-coral: #FF5E4D;
  --sz-marca-coral-texto: #BB3629;
  --sz-marca-papel: #F6F6FA;
  --sz-fuente-marca: Manrope, 'Segoe UI', system-ui, sans-serif;
  --sz-fuente-interfaz: Manrope, 'Segoe UI', system-ui, sans-serif;
  --sz-fuente-codigo: 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;
  --sz-peso-normal: 400;
  --sz-peso-medio: 500;
  --sz-peso-seminegrita: 600;
  --sz-peso-negrita: 700;
  --sz-peso-extranegrita: 800;
  --sz-tam-xs: 12px;
  --sz-tam-sm: 13px;
  --sz-tam-md: 14px;
  --sz-tam-base: 15px;
  --sz-tam-lg: 16px;
  --sz-tam-xl: 18px;
  --sz-tam-2xl: 20px;
  --sz-tam-3xl: 24px;
  --sz-tam-4xl: 30px;
  --sz-tam-5xl: 38px;
  --sz-tam-6xl: 48px;
  --sz-tam-7xl: 60px;
  --sz-interlineado-ajustado: 1.15;
  --sz-interlineado-titulos: 1.25;
  --sz-interlineado-cuerpo: 1.55;
  --sz-interlineado-lectura: 1.65;
  --sz-tracking-display: -0.025em;
  --sz-tracking-titulos: -0.015em;
  --sz-tracking-cuerpo: 0;
  --sz-tracking-mayusculas: 0.08em;
  --sz-espacio-0: 0;
  --sz-espacio-1: 4px;
  --sz-espacio-2: 8px;
  --sz-espacio-3: 12px;
  --sz-espacio-4: 16px;
  --sz-espacio-5: 20px;
  --sz-espacio-6: 24px;
  --sz-espacio-8: 32px;
  --sz-espacio-10: 40px;
  --sz-espacio-12: 48px;
  --sz-espacio-16: 64px;
  --sz-espacio-20: 80px;
  --sz-radio-xs: 4px;
  --sz-radio-sm: 6px;
  --sz-radio-md: 10px;
  --sz-radio-lg: 14px;
  --sz-radio-xl: 18px;
  --sz-radio-pastilla: 999px;
  --sz-foco-anillo: 2px;
  --sz-foco-separacion: 2px;
  --sz-movimiento-rapido: 120ms;
  --sz-movimiento-normal: 200ms;
  --sz-movimiento-lento: 320ms;
  --sz-movimiento-curva: cubic-bezier(0.2, 0.7, 0.2, 1);
  --sz-movimiento-escalonado: 40ms;
  --sz-ancho-lectura: 68ch;
  --sz-fondo: #F6F6FA;
  --sz-superficie: #FFFFFF;
  --sz-superficie-hundida: #ECEDF5;
  --sz-linea: #E3E4EE;
  --sz-linea-fuerte: #C3C6DD;
  --sz-texto: #161A33;
  --sz-texto-secundario: #5C6180;
  --sz-texto-tenue: #636889;
  --sz-texto-sobre-primario: #FFFFFF;
  --sz-primario: #1C2142;
  --sz-primario-hover: #2A2F52;
  --sz-primario-suave: #ECEDF5;
  --sz-primario-suave-texto: #1C2142;
  --sz-acento: #FF5E4D;
  --sz-acento-hover: #FF7A6A;
  --sz-texto-sobre-acento: #1C2142;
  --sz-acento-texto: #BB3629;
  --sz-enlace: #2A2F52;
  --sz-enlace-hover: #BB3629;
  --sz-foco: #FF5E4D;
  --sz-bien: #157853;
  --sz-bien-fondo: #E2F4EB;
  --sz-aviso: #925D00;
  --sz-aviso-fondo: #FFF4DC;
  --sz-peligro: #B4232F;
  --sz-peligro-fondo: #FCE8EA;
  --sz-texto-sobre-peligro: #FFFFFF;
  --sz-info: #3F4466;
  --sz-info-fondo: #ECEDF6;
  --sz-superficie-alta: #FFFFFF;
  --sz-rejilla: #ECEDF5;
  --sz-logo-tarjeta1: #C3C6DD;
  --sz-logo-tarjeta2: #767B9C;
  --sz-logo-tarjeta3: #FF5E4D;
  --sz-logo-lineas: #FFFFFF;
  --sz-logo-texto: #1C2142;
  --sz-serie-1: #1C2142;
  --sz-serie-2: #FF5E4D;
  --sz-serie-3: #767B9C;
  --sz-serie-4: #17835A;
  --sz-serie-5: #C98A06;
  --sz-serie-6: #C3C6DD;
  --sz-sombra-sm: 0 1px 2px rgba(17, 20, 43, 0.06);
  --sz-sombra-md: 0 4px 14px rgba(17, 20, 43, 0.08);
  --sz-sombra-lg: 0 12px 32px rgba(17, 20, 43, 0.12);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sz-fondo: #0E1024;
    --sz-superficie: #171A34;
    --sz-superficie-hundida: #0A0C1C;
    --sz-superficie-alta: #20244A;
    --sz-linea: #272B48;
    --sz-linea-fuerte: #3F4466;
    --sz-texto: #E9EAF5;
    --sz-texto-secundario: #9DA1BE;
    --sz-texto-tenue: #8C90AC;
    --sz-texto-sobre-primario: #11142B;
    --sz-primario: #E9EAF5;
    --sz-primario-hover: #FFFFFF;
    --sz-primario-suave: #22264A;
    --sz-primario-suave-texto: #C3C6DD;
    --sz-acento: #FF5E4D;
    --sz-acento-hover: #FF7A6A;
    --sz-texto-sobre-acento: #11142B;
    --sz-acento-texto: #FF8476;
    --sz-enlace: #C3C6DD;
    --sz-enlace-hover: #FF8476;
    --sz-foco: #FF7A6A;
    --sz-bien: #4FD39A;
    --sz-bien-fondo: #10301F;
    --sz-aviso: #F5B83D;
    --sz-aviso-fondo: #33260A;
    --sz-peligro: #FF7A85;
    --sz-peligro-fondo: #3A1418;
    --sz-texto-sobre-peligro: #11142B;
    --sz-info: #A9B0E6;
    --sz-info-fondo: #1C2350;
    --sz-rejilla: #20244A;
    --sz-logo-tarjeta1: #3F4466;
    --sz-logo-tarjeta2: #8E93BC;
    --sz-logo-tarjeta3: #FF5E4D;
    --sz-logo-lineas: #FFFFFF;
    --sz-logo-texto: #FFFFFF;
    --sz-serie-1: #C3C6DD;
    --sz-serie-2: #FF7A6A;
    --sz-serie-3: #8E93BC;
    --sz-serie-4: #4FD39A;
    --sz-serie-5: #F5B83D;
    --sz-serie-6: #3F4466;
    --sz-sombra-sm: 0 1px 2px rgba(0, 0, 0, 0.40);
    --sz-sombra-md: 0 4px 14px rgba(0, 0, 0, 0.45);
    --sz-sombra-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --sz-fondo: #0E1024;
  --sz-superficie: #171A34;
  --sz-superficie-hundida: #0A0C1C;
  --sz-superficie-alta: #20244A;
  --sz-linea: #272B48;
  --sz-linea-fuerte: #3F4466;
  --sz-texto: #E9EAF5;
  --sz-texto-secundario: #9DA1BE;
  --sz-texto-tenue: #8C90AC;
  --sz-texto-sobre-primario: #11142B;
  --sz-primario: #E9EAF5;
  --sz-primario-hover: #FFFFFF;
  --sz-primario-suave: #22264A;
  --sz-primario-suave-texto: #C3C6DD;
  --sz-acento: #FF5E4D;
  --sz-acento-hover: #FF7A6A;
  --sz-texto-sobre-acento: #11142B;
  --sz-acento-texto: #FF8476;
  --sz-enlace: #C3C6DD;
  --sz-enlace-hover: #FF8476;
  --sz-foco: #FF7A6A;
  --sz-bien: #4FD39A;
  --sz-bien-fondo: #10301F;
  --sz-aviso: #F5B83D;
  --sz-aviso-fondo: #33260A;
  --sz-peligro: #FF7A85;
  --sz-peligro-fondo: #3A1418;
  --sz-texto-sobre-peligro: #11142B;
  --sz-info: #A9B0E6;
  --sz-info-fondo: #1C2350;
  --sz-rejilla: #20244A;
  --sz-logo-tarjeta1: #3F4466;
  --sz-logo-tarjeta2: #8E93BC;
  --sz-logo-tarjeta3: #FF5E4D;
  --sz-logo-lineas: #FFFFFF;
  --sz-logo-texto: #FFFFFF;
  --sz-serie-1: #C3C6DD;
  --sz-serie-2: #FF7A6A;
  --sz-serie-3: #8E93BC;
  --sz-serie-4: #4FD39A;
  --sz-serie-5: #F5B83D;
  --sz-serie-6: #3F4466;
  --sz-sombra-sm: 0 1px 2px rgba(0, 0, 0, 0.40);
  --sz-sombra-md: 0 4px 14px rgba(0, 0, 0, 0.45);
  --sz-sombra-lg: 0 12px 32px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}