:root{
  --font-display:"Playfair Display",Georgia,"Times New Roman",serif;
  --font-sans:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  /* Type scale (1.25 major third, 16px base) */
  --size-3xs:11px; --size-2xs:12px; --size-xs:13px; --size-sm:15px; --size-md:16px;
  --size-lg:18px; --size-xl:21px; --size-2xl:26px; --size-3xl:32px; --size-4xl:40px;
  --size-5xl:52px; --size-6xl:64px;

  --weight-light:300; --weight-regular:400; --weight-medium:500;
  --weight-semibold:600; --weight-bold:700;

  --leading-tight:1.1; --leading-snug:1.25; --leading-normal:1.5; --leading-relaxed:1.65;

  --tracking-tight:-0.02em; --tracking-normal:0; --tracking-wide:0.06em; --tracking-eyebrow:0.16em;

  /* Semantic roles */
  --text-display:var(--weight-bold) var(--size-5xl)/var(--leading-tight) var(--font-display);
  --text-h1:var(--weight-bold) var(--size-4xl)/var(--leading-tight) var(--font-display);
  --text-h2:var(--weight-bold) var(--size-3xl)/var(--leading-snug) var(--font-display);
  --text-h3:var(--weight-semibold) var(--size-xl)/var(--leading-snug) var(--font-sans);
  --text-lead:var(--weight-regular) var(--size-lg)/var(--leading-relaxed) var(--font-sans);
  --text-base:var(--weight-regular) var(--size-md)/var(--leading-relaxed) var(--font-sans);
  --text-small:var(--weight-regular) var(--size-sm)/var(--leading-normal) var(--font-sans);
  --text-caption:var(--weight-regular) var(--size-2xs)/var(--leading-normal) var(--font-sans);
  --text-eyebrow:var(--weight-semibold) var(--size-2xs)/1.2 var(--font-sans);
  --text-button:var(--weight-semibold) var(--size-sm)/1 var(--font-sans);
  --text-data:var(--weight-medium) var(--size-sm)/1.4 var(--font-mono);
}