:root{
  /* Paleta: sin cambios */
  --blue:#166cc4; --blue-dark:#0c57a3; --ink:#101010;
  --paper:#f7f6f3; --white:#fff; --muted:#6e7074; --line:#dededa;

  /* Superficies derivadas */
  --paper-2:#fffefb;
  --ink-2:#1a1a1a;
  --blue-soft:#e6f0fb;

  /* Tipografía */
  --font:'Instrument Sans','Onest','Segoe UI',Arial,sans-serif;
  --fs-display:clamp(44px,6.6vw,100px);
  --fs-h1:clamp(34px,4.6vw,66px);
  --fs-h2:clamp(27px,3.2vw,45px);
  --fs-h3:clamp(18px,1.3vw,22px);
  --fs-lead:clamp(16px,1.15vw,19px);
  --fs-body:16px;
  --fs-small:13px;
  --track-display:-.055em; --track-h:-.035em; --track-eyebrow:.14em;

  /* Espaciado */
  --s1:8px; --s2:14px; --s3:20px; --s4:32px; --s5:52px; --s6:76px;
  --section:clamp(32px,3.4vw,60px);

  /* Forma */
  --radius-s:12px; --radius:20px; --radius-l:32px; --radius-full:999px;

  /* Profundidad */
  --shadow-s:0 1px 2px rgba(16,31,52,.06);
  --shadow-m:0 8px 24px rgba(16,31,52,.08);
  --shadow-l:0 32px 80px rgba(16,31,52,.12);

  /* Movimiento */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --speed-fast:.18s; --speed:.42s; --speed-slow:.9s;

  /* Anchos */
  --container:1240px; --container-text:820px; --container-wide:1600px;

  /* Alias de compatibilidad: no eliminar sin migrar main.css y components.css */
  --space:var(--section);
  --shadow:var(--shadow-l);
}