:root {
  --font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-sans: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  /* Editorial serif — headlines */
  --type-display: 400 clamp(44px, 6vw, 80px)/1.04 var(--font-serif);
  --type-h1: 400 clamp(38px, 4.6vw, 60px)/1.08 var(--font-serif);
  --type-h2: 400 clamp(30px, 3.4vw, 44px)/1.12 var(--font-serif);
  --type-h3: 400 28px/1.2 var(--font-serif);
  --type-h4: 500 21px/1.3 var(--font-serif);
  --type-quote: italic 300 clamp(26px, 2.8vw, 36px)/1.3 var(--font-serif);
  --tracking-display: -0.02em;
  --tracking-heading: -0.012em;

  /* Sans — body & UI */
  --type-lead: 400 20px/1.55 var(--font-sans);
  --type-body: 400 17px/1.65 var(--font-sans);
  --type-small: 400 15px/1.55 var(--font-sans);
  --type-ui: 500 15px/1 var(--font-sans);

  /* Mono — meta, indices, eyebrows */
  --type-eyebrow: 500 12px/1.2 var(--font-mono);
  --type-meta: 400 13px/1.4 var(--font-mono);
  --tracking-eyebrow: 0.12em;

  --measure: 64ch;
}
