:root{
  /* cor */
  --bg:#0A0A0B;
  --bg-elev:#101013;
  --text:#ECECEA;
  --text-dim:#9A9A97;
  --text-mute:#6A6A67;
  --amber:#D6A15E;
  --amber-bright:#E4B475;
  --amber-soft:rgba(214,161,94,.14);
  --hairline:rgba(236,236,234,.08);
  --hairline-amber:rgba(214,161,94,.16);

  /* tipografia — serifada editorial (display) + grotesk (corpo) + mono (numeros/labels) */
  --font-serif:'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans:'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-mono:'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --fs-display:clamp(2.75rem, 1.2rem + 6.2vw, 6rem);
  --fs-h2:clamp(2rem, 1.2rem + 3vw, 3.4rem);
  --fs-lead:clamp(1.125rem, 1rem + .7vw, 1.5rem);
  --fs-body:clamp(1rem, .97rem + .18vw, 1.0625rem);
  --fs-pillar:1.2rem;
  --fs-micro:.75rem;

  --lh-tight:1.06; --lh-snug:1.18; --lh-body:1.6;
  --tracking-tight:-.015em; --tracking-serif:-.01em; --tracking-micro:.18em;

  /* espaco / layout */
  --container:1560px;
  --pad-x:clamp(1.5rem, 6vw, 6.5rem);
  --section-y:clamp(6rem, 12vh, 11rem);
  --radius:10px;
  --rail:clamp(2.75rem, 5vw, 4.5rem); /* faixa lateral reservada p/ progresso + indice */

  /* motion */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-inout:cubic-bezier(.65,0,.35,1);
  --dur-fast:.4s; --dur-base:.8s; --dur-slow:1.2s;
  --reveal-y:24px;

  /* z */
  --z-canvas:0; --z-content:1; --z-header:50;
}