/* Tokens de marca Klauza Transportes · copia de branding/tokens/design-tokens.css para el sitio
   (solo cambia la ruta de la fuente: aquí se sirve en woff2). Si cambia el manual, actualizar ambos. */
@font-face {
  font-family: "Archivo";
  src: url("../fonts/Archivo.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
}

:root {
  /* Paleta */
  --kz-azul: #043276;
  --kz-naranja: #FE7802;
  --kz-blanco: #FFFFFF;
  --kz-carbon: #1B1D21;
  --kz-faena: #5E6166;
  --kz-arena: #F4EFE6;
  --kz-ripio: #C08A4A;            /* solo gráficos, nunca texto */
  --kz-azul-profundidad: #0A4A9C; /* solo volumen de la K */

  /* Roles */
  --kz-fondo: var(--kz-blanco);
  --kz-fondo-calido: var(--kz-arena);
  --kz-fondo-marca: var(--kz-azul);
  --kz-texto: var(--kz-carbon);
  --kz-texto-secundario: var(--kz-faena);
  --kz-texto-sobre-azul: var(--kz-blanco);
  --kz-acento-sobre-azul: var(--kz-naranja);
  --kz-accion: var(--kz-naranja);
  --kz-texto-sobre-accion: var(--kz-carbon); /* nunca blanco sobre naranja */
  --kz-foco: var(--kz-naranja);

  /* Tipografía */
  --kz-fuente: Archivo, Arial, Helvetica, sans-serif;
  --kz-fuente-sistema: Arial, Helvetica, sans-serif;
  --kz-t-xs: 0.75rem;
  --kz-t-sm: 0.8125rem;
  --kz-t-base: 1rem;
  --kz-t-lg: 1.25rem;
  --kz-t-xl: 1.5625rem;
  --kz-t-2xl: 1.9375rem;
  --kz-t-3xl: 2.4375rem;
  --kz-t-4xl: 3.0625rem;
  --kz-t-5xl: 3.8125rem;
  --kz-t-6xl: 4.75rem;

  /* Espacio (base 4) */
  --kz-e-1: 4px;  --kz-e-2: 8px;  --kz-e-3: 12px; --kz-e-4: 16px;
  --kz-e-6: 24px; --kz-e-8: 32px; --kz-e-12: 48px; --kz-e-16: 64px; --kz-e-24: 96px;

  /* Marca */
  --kz-inclinacion: -9.37deg; /* skewX: misma inclinación del banner, la K y KLAUZA (0,165) */
  --kz-radio: 0px;
}

/* Estilos de texto */
.kz-titulo    { font-family: var(--kz-fuente); font-weight: 850; font-stretch: 75%; text-transform: uppercase; line-height: .95; }
.kz-subtitulo { font-family: var(--kz-fuente); font-weight: 800; line-height: 1.15; }
.kz-texto     { font-family: var(--kz-fuente); font-weight: 400; line-height: 1.55; }
.kz-rotulo    { font-family: var(--kz-fuente); font-weight: 600; text-transform: uppercase; letter-spacing: .14em; line-height: 1.3; }
.kz-dato      { font-family: var(--kz-fuente); font-weight: 800; font-stretch: 75%; font-variant-numeric: tabular-nums; }