:root {
  --font-sans: 'Space Grotesk', 'Helvetica Neue', sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;

  /* escala */
  --text-hero: 700 clamp(40px, 5vw, 72px)/1.05 var(--font-sans);
  --text-h1: 700 40px/1.1 var(--font-sans);
  --text-h2: 700 28px/1.15 var(--font-sans);
  --text-h3: 700 20px/1.25 var(--font-sans);
  --text-sub: 500 17px/1.4 var(--font-sans);
  --text-body-md: 400 15px/1.6 var(--font-sans);
  --text-body-sm: 400 13px/1.55 var(--font-sans);
  --text-btn: 700 14px/1 var(--font-sans);
  --text-tag: 700 11px/1 var(--font-mono);
  --text-data: 400 13px/1.4 var(--font-mono);

  --tracking-tight: -0.02em;
  --tracking-wide: 0.25em;
}
body { font: var(--text-body-md); color: var(--text-body); }
h1, h2, h3 { color: var(--text-strong); letter-spacing: var(--tracking-tight); margin: 0; }
a { color: var(--text-strong); }
a:hover { color: var(--agencia); }