/* PuqunaLab — variables de marca.
   GENERADO desde brand-system/03-design-tokens/tokens.json (v0.3.1, 2026-07-31).
   NO editar a mano: correr `python herramientas/construir-tokens.py`. */
:root {

  /* color */
  --pq-color-base-tinta: #17150F;
  --pq-color-base-verde: #2E5245;
  --pq-color-base-verde-profundo: #22423A;
  --pq-color-base-coral: #D6452F;
  --pq-color-base-blanco: #FFFFFF;
  --pq-color-base-crema: #F4F1EA;
  --pq-color-base-hueso: #F6F4EF;
  --pq-color-base-piedra-100: #D8D4C8;
  --pq-color-base-piedra-200: #C9C4B6;
  --pq-color-base-piedra-400: #9C9788;
  --pq-color-base-piedra-600: #6C6759;
  --pq-color-base-piedra-800: #38352B;
  --pq-color-base-salvia-claro: #CBD2C6;
  --pq-color-base-salvia-media: #AEB5A6;
  --pq-color-base-salvia: #8FA396;
  --pq-color-fondo-lienzo: #FFFFFF;
  --pq-color-fondo-sutil: #F6F4EF;
  --pq-color-fondo-profundo: #22423A;
  --pq-color-texto-titulo: #17150F;
  --pq-color-texto-cuerpo: #38352B;
  --pq-color-texto-secundario: #6C6759;
  --pq-color-texto-tenue: #9C9788;
  --pq-color-texto-marca: #2E5245;
  --pq-color-sobre-profundo-titulo: #F4F1EA;
  --pq-color-sobre-profundo-cuerpo: #CBD2C6;
  --pq-color-sobre-profundo-secundario: #AEB5A6;
  --pq-color-sobre-profundo-tenue: #8FA396;
  --pq-color-linea-regla: #17150F;
  --pq-color-linea-borde: #D8D4C8;
  --pq-color-linea-separador: #C9C4B6;
  --pq-color-acento-marca: #D6452F;

  /* tipografia */
  --pq-tipografia-familia-display: Jost, system-ui, sans-serif;
  --pq-tipografia-familia-texto: Inter, system-ui, sans-serif;
  --pq-tipografia-familia-mono: "IBM Plex Mono", ui-monospace, monospace;
  --pq-tipografia-peso-normal: 400;
  --pq-tipografia-peso-medio: 500;
  --pq-tipografia-peso-fuerte: 600;
  --pq-tipografia-tamano-hero: clamp(44px, 6.6vw, 80px);
  --pq-tipografia-tamano-titulo-ficha: clamp(40px, 5.6vw, 68px);
  --pq-tipografia-tamano-titulo-xl: clamp(34px, 4.4vw, 54px);
  --pq-tipografia-tamano-titulo-cta: clamp(32px, 4.2vw, 50px);
  --pq-tipografia-tamano-enunciado: clamp(26px, 3.1vw, 38px);
  --pq-tipografia-tamano-enunciado-sm: clamp(24px, 2.8vw, 34px);
  --pq-tipografia-tamano-cifra: 44px;
  --pq-tipografia-tamano-titulo: 34px;
  --pq-tipografia-tamano-item: 22px;
  --pq-tipografia-tamano-item-sm: 20px;
  --pq-tipografia-tamano-item-xs: 19px;
  --pq-tipografia-tamano-lede: 20px;
  --pq-tipografia-tamano-cuerpo-lg: 18px;
  --pq-tipografia-tamano-cuerpo: 17px;
  --pq-tipografia-tamano-cuerpo-sm: 16px;
  --pq-tipografia-tamano-cuerpo-xs: 15px;
  --pq-tipografia-tamano-tabla: 15.5px;
  --pq-tipografia-tamano-cifra-pie: 14.5px;
  --pq-tipografia-tamano-dato: 14px;
  --pq-tipografia-tamano-dato-sm: 13px;
  --pq-tipografia-tamano-dato-xs: 12px;
  --pq-tipografia-tamano-credito: 11px;
  --pq-tipografia-interlinea-hero: 1.0;
  --pq-tipografia-interlinea-titulo: 1.03;
  --pq-tipografia-interlinea-enunciado: 1.32;
  --pq-tipografia-interlinea-cuerpo: 1.55;
  --pq-tipografia-interlinea-ficha: 1.6;
  --pq-tipografia-interlinea-parrafo: 1.65;
  --pq-tipografia-tracking-hero: -0.028em;
  --pq-tipografia-tracking-titulo-xl: -0.025em;
  --pq-tipografia-tracking-titulo: -0.02em;
  --pq-tipografia-tracking-enunciado: -0.015em;
  --pq-tipografia-tracking-cifra: -0.03em;
  --pq-tipografia-tracking-normal: 0;
  --pq-tipografia-tracking-dato-amplio: 0.14em;
  --pq-tipografia-tracking-dato: 0.06em;
  --pq-tipografia-tracking-dato-ancho: 0.05em;

  /* espacio */
  --pq-espacio-0: 0;
  --pq-espacio-1: 4px;
  --pq-espacio-2: 8px;
  --pq-espacio-3: 12px;
  --pq-espacio-4: 16px;
  --pq-espacio-5: 20px;
  --pq-espacio-6: 24px;
  --pq-espacio-7: 28px;
  --pq-espacio-8: 32px;
  --pq-espacio-9: 36px;
  --pq-espacio-10: 40px;
  --pq-espacio-11: 44px;
  --pq-espacio-12: 48px;
  --pq-espacio-13: 52px;
  --pq-espacio-14: 56px;
  --pq-espacio-15: 60px;
  --pq-espacio-16: 64px;
  --pq-espacio-19: 76px;
  --pq-espacio-20: 80px;
  --pq-espacio-21: 84px;
  --pq-espacio-22: 88px;
  --pq-espacio-23: 92px;
  --pq-espacio-26: 104px;
  --pq-espacio-29: 118px;

  /* medida */
  --pq-medida-contenedor: 1120px;
  --pq-medida-margen: 40px;
  --pq-medida-margen-movil: 22px;
  --pq-medida-wordmark: 195px;
  --pq-medida-isotipo: 46px;
  --pq-medida-col-servicio: 380px;
  --pq-medida-col-proyecto: 220px;
  --pq-medida-col-area: 210px;
  --pq-medida-col-ficha: 260px;

  /* texto-ancho */
  --pq-texto-ancho-hero: 15ch;
  --pq-texto-ancho-titulo: 18ch;
  --pq-texto-ancho-titulo-lg: 20ch;
  --pq-texto-ancho-enunciado: 30ch;
  --pq-texto-ancho-enunciado-md: 32ch;
  --pq-texto-ancho-enunciado-lg: 34ch;
  --pq-texto-ancho-lede: 54ch;
  --pq-texto-ancho-parrafo: 60ch;
  --pq-texto-ancho-ficha: 62ch;
  --pq-texto-ancho-parrafo-sm: 52ch;
  --pq-texto-ancho-parrafo-xs: 46ch;

  /* borde */
  --pq-borde-hairline: 1px;
  --pq-borde-enfasis: 1.5px;

  /* movimiento */
  --pq-movimiento-rapido: 0.18s;
  --pq-movimiento-medio: 0.24s;
  --pq-movimiento-curva: cubic-bezier(0.2, 0, 0.2, 1);
}