:root{
  --font-sans:"Jost","Century Gothic",system-ui,sans-serif;      /* wordmark voice: UI, labels, body */
  --font-serif-display:"Marcellus","Times New Roman",serif;      /* editorial headlines, quotes */

  /* Sizes — 1280px reference. Display sizes are fluid in base.css */
  --text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;
  --text-lg:22px;--text-xl:28px;--text-2xl:36px;--text-3xl:48px;--text-4xl:64px;--text-5xl:84px;

  --leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.5;--leading-loose:1.7;

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

  /* Wide letterspacing on small caps labels is the brand's signature */
  --tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.06em;--tracking-wider:0.16em;--tracking-widest:0.28em;

  /* Semantic roles */
  --type-display:var(--weight-regular) var(--text-4xl)/var(--leading-tight) var(--font-serif-display);
  --type-h1:var(--weight-regular) var(--text-3xl)/var(--leading-snug) var(--font-serif-display);
  --type-h2:var(--weight-regular) var(--text-2xl)/var(--leading-snug) var(--font-serif-display);
  --type-h3:var(--weight-medium) var(--text-lg)/var(--leading-snug) var(--font-sans);
  --type-body:var(--weight-light) var(--text-md)/var(--leading-loose) var(--font-sans);
  --type-body-sm:var(--weight-light) var(--text-sm)/var(--leading-normal) var(--font-sans);
  --type-label:var(--weight-medium) var(--text-xs)/1.2 var(--font-sans);
  --type-eyebrow:var(--weight-medium) var(--text-2xs)/1.2 var(--font-sans);
}