:root {
  --fs-xs: 14px;
  --fs-sm: 16px;
  --fs-base: 19px;
  --fs-md: 22px;
  --fs-lg: 28px;
  --fs-xl: 38px;
  --fs-2xl: 52px;
  --fs-3xl: 72px;
  --fs-4xl: 104px;
  --lh-tight: 1.02;
  --lh-snug: 1.2;
  --lh-body: 1.55;
  --lh-loose: 1.7;
  --tracking-display: .02em;
  --tracking-caps: .14em;
  --tracking-eyebrow: .28em;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --type-hero: var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-display);
  --type-h1: var(--fw-semibold) var(--fs-3xl)/var(--lh-tight) var(--font-display);
  --type-h2: var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --type-h3: var(--fw-medium) var(--fs-lg)/var(--lh-snug) var(--font-display);
  --type-lead: var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font-body);
  --type-body: var(--fw-regular) var(--fs-base)/var(--lh-body) var(--font-body);
  --type-small: var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--font-body);
  --type-eyebrow: var(--fw-semibold) var(--fs-xs)/1 var(--font-display);
  --text-display-xl: clamp(56px, 8vw, 104px);
  --text-display-lg: clamp(40px, 5vw, 72px);
  --text-display-md: clamp(30px, 3.6vw, 52px);
  --text-display-sm: clamp(24px, 2.6vw, 38px);
  --leading-display: var(--lh-tight);
  --text-lead: var(--fs-md);
  --text-body-size: var(--fs-base);
  --text-body-lg: var(--fs-md);
  --text-small: var(--fs-sm);
  --text-caption: var(--fs-xs);
  --leading-body: var(--lh-body);
  --text-eyebrow: var(--fs-xs);
  --weight-regular: var(--fw-regular);
  --weight-medium: var(--fw-medium);
  --weight-semibold: var(--fw-semibold);
  --font-display: "Cinzel", "Cinzel Fallback", "Trajan Pro", Georgia, serif;
  --font-body: "EB Garamond", "EB Garamond Fallback", "Adobe Garamond Pro", Garamond, Georgia, serif;
}