/* IN Design System — Type tokens
   Newsreader carries every headline, quote, and paragraph — weights 400/500/600,
   italic used freely for emphasis and voice. Archivo handles labels, nav, and UI —
   uppercase, wide-tracked, weights 600/700/800 only. */

:root {
  /* ---- Display / body (Newsreader) ---- */
  --text-display-1: 600 96px/1.02 var(--font-serif);
  --text-display-2: 600 64px/1.06 var(--font-serif);
  --text-display-3: 600 44px/1.1  var(--font-serif);
  --text-heading-1: 600 32px/1.18 var(--font-serif);
  --text-heading-2: 500 24px/1.3  var(--font-serif);
  --text-body-lg:   400 20px/1.55 var(--font-serif);
  --text-body:      400 17px/1.6  var(--font-serif);
  --text-quote:     italic 500 28px/1.4 var(--font-serif);

  /* ---- Labels / UI (Archivo) ---- */
  --text-eyebrow:   700 12px/1.3 var(--font-sans);
  --text-nav:       600 15px/1.2 var(--font-sans);
  --text-button:    700 15px/1.2 var(--font-sans);
  --text-label:     600 12px/1.3 var(--font-sans);
  --text-caption:   600 13px/1.4 var(--font-sans);

  --tracking-eyebrow: 0.2em;
  --tracking-label:   0.14em;
  --tracking-button:  0.03em;
}