/* TYPE — three roles on the marketing surface.
 * Poppins carries the header and display headings, Garamond carries the wordmark
 * and every section heading, Hanken Grotesk carries body, Newsreader carries
 * editorial claims and Inter carries dense UI. Mono carries data.
 *
 * The scale is a 1.25 major third rounded to whole px. Nothing sits between
 * steps: the pre-redesign audit found 127 distinct font sizes, including 13.5px
 * and 14.5px. */
:root {
  --font-serif: var(--font-newsreader), Georgia, "Iowan Old Style", serif;
  --font-sans: var(--font-hanken), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  --font-nav: var(--font-poppins), var(--font-hanken), system-ui, sans-serif;
  --font-display: var(--font-poppins), system-ui, -apple-system, sans-serif;
  --font-heading: var(--font-inter), system-ui, -apple-system, sans-serif;
  --font-wordmark: var(--font-garamond), Garamond, Georgia, serif;
  --font-accent: var(--font-caveat), cursive;

  --text-2xs: 0.6875rem;  /* 11 — legal, table micro-labels */
  --text-xs: 0.75rem;     /* 12 — eyebrows, chips */
  --text-sm: 0.8125rem;   /* 13 — dense UI, captions */
  --text-base: 0.9375rem; /* 15 — body default */
  --text-lg: 1.0625rem;   /* 17 — lede, intro */
  --text-xl: 1.3125rem;   /* 21 — card headings */
  --text-2xl: 1.625rem;   /* 26 — section subheads */
  --text-3xl: 2.0625rem;  /* 33 — section heads */
  --text-4xl: 2.625rem;   /* 42 — page heads */
  --text-5xl: 3.25rem;    /* 52 — hero, tablet */
  --text-6xl: 3.875rem;   /* 62 — hero, desktop */

  --tracking-tighter: -0.032em;
  --tracking-tight: -0.018em;
  --tracking-normal: 0em;
  --tracking-wide: 0.08em;
  --tracking-eyebrow: 0.16em;

  --leading-tight: 1.06;
  --leading-snug: 1.25;
  --leading-normal: 1.6;
}