/* Leveragency · Web v2 · Tokens "Tinta y Señal"
   Usar SIEMPRE las variables. Nunca hex sueltos en CSS de secciones. */
:root{
  /* papel */
  --papel:#F4EFE6;
  --papel-alto:#FBF9F5;
  --papel-bajo:#EAE2D5;
  /* tinta */
  --tinta:#1C1714;
  --tinta-cuerpo:#2A2018;
  --gris:#6B6259;
  --linea:#D8CDBB;
  --linea-fuerte:#B9AB93;
  /* señal */
  --ambar:#C15A17;
  --ambar-texto:#9E4310;
  --ambar-wash:#F7E7D6;
  --ambar-borde:#E9C9A9;
  /* estados */
  --verde:#157A4E;
  --verde-wash:#DDEFE5;
  --rojo:#A3301F;
  --rojo-wash:#F3DEDA;
  /* señal y estado sobre fondo tinta */
  --ambar-tinta:#E08B3C;
  --verde-tinta:#7FE0AE;
  /* tipografía */
  --fd:'Fraunces',Georgia,'Times New Roman',serif;
  --fb:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fm:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* escala */
  --fs-h1:clamp(40px,6.2vw,84px);
  --fs-h2:clamp(30px,3.8vw,48px);
  --fs-h3:clamp(22px,2.3vw,28px);
  --fs-lead:clamp(17px,1.35vw,20px);
  --fs-body:17px;
  --fs-small:15px;
  --fs-mono:12.5px;
  --lh-body:1.55;
  /* espacio */
  --sp-1:8px;--sp-2:16px;--sp-3:24px;--sp-4:32px;--sp-5:48px;--sp-6:64px;--sp-7:96px;--sp-8:128px;
  --sec-y:clamp(72px,9vw,128px);
  --container:1180px;
  --gutter:clamp(20px,4vw,40px);
  /* forma */
  --r-1:4px;--r-2:6px;--r-3:8px;--r-phone:22px;
  --sombra-apoyo:18px 28px 60px -30px rgba(28,23,20,.45);
  --sombra-baja:0 1px 0 rgba(28,23,20,.06);
  --borde:1px solid var(--linea);
  /* movimiento */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.55s;
  /* nav */
  --nav-h:68px;
  --barra-h:64px;
}