/* ============================================================
   ROJO CALIZO — Design tokens (fuente única)
   Consumido por site.css y design-system/index.html
   ============================================================ */
:root{
  /* Color — estratos de piedra */
  --caliza:#F0E9DD;     /* fondo base (crema del logo) */
  --caliza-2:#E7DECD;   /* estrato alterno */
  --caliza-3:#DCD1BC;   /* estrato profundo */
  --rojo:#A33125;       /* rojo ladrillo — acento único */
  --rojo-osc:#762018;   /* hover */
  --carbon:#232019;     /* secciones oscuras y texto */
  --piedra:#8B7F6E;     /* decorativo / texto grande (3.25:1 sobre caliza) */
  --piedra-txt:#6E6354; /* texto pequeño secundario sobre caliza (4.87:1 AA) */
  --salmon:#E0A79A;     /* énfasis sobre carbón */
  --tinta-2:#4C463C;    /* párrafos sobre caliza */
  --crema-2:#D2CABB;    /* párrafos sobre carbón */
  --gris-2:#9C9384;     /* labels sobre carbón */
  --linea:rgba(35,32,25,.18);        /* reglas sobre caliza */
  --linea-clara:rgba(240,233,221,.18);/* reglas sobre carbón */

  /* Tipografía */
  --display:'Anton',Impact,'Arial Narrow Bold',sans-serif;
  --body:'Archivo','Helvetica Neue',Arial,sans-serif;
  --fs-h1:clamp(58px,11.5vw,168px);
  --fs-h2:clamp(42px,6vw,84px);
  --fs-h2-contacto:clamp(44px,6.5vw,92px);
  --fs-h2-despacho:clamp(32px,4vw,54px);
  --fs-manifiesto:clamp(24px,3vw,38px);
  --fs-h3:24px;
  --fs-card:19px;
  --fs-body:16px;
  --fs-lead:17px;
  --fs-small:15px;
  --fs-ui:13px;
  --fs-meta:12px;
  --fs-eyebrow:11px;
  --track-eyebrow:.28em;
  --track-ui:.12em;
  --track-meta:.16em;

  /* Espaciado y retícula */
  --wrap:1240px;
  --gutter:6vw;
  --sec:120px;
  --sec-sm:80px;
  --gap:28px;

  /* Motivo estratos */
  --estrato-h:3px;
  --estrato-gap:5px;
  --estrato-1:120px;
  --estrato-2:86px;
  --estrato-3:52px;

  /* Motion */
  --ease-out:cubic-bezier(.2,.7,.2,1);
  --dur-reveal:.8s;
  --dur-hover:.3s;
  --dur-h1:.8s;
  --nav-h:72px;
}