:root {
  /* --- families --- */
  --font-display: "Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-body: var(--font-sans);

  /* --- weights --- */
  --weight-display-light: 300;
  --weight-display: 400;
  --weight-display-semibold: 600;
  --weight-body: 400;
  --weight-body-medium: 500;
  --weight-body-semibold: 600;
  --weight-figure: 700;

  /* --- sizes (page/document scale) --- */
  --size-display: 76px;
  --size-cover: 96px;
  --size-title: 56px;
  --size-title-slide: 40px;
  --size-subhead: 28px;
  --size-standfirst: 19px;
  --size-body: 16px;
  --size-body-small: 14px;
  --size-caption: 13px;
  --size-eyebrow: 11px;
  --size-micro: 10px;
  --size-figure: 48px;
  --size-figure-small: 32px;
  --size-ghost: 96px;

  /* --- line heights --- */
  --leading-display: 1.06;
  --leading-title: 1.12;
  --leading-standfirst: 1.55;
  --leading-body: 1.62;
  --leading-tight: 1.3;

  /* --- tracking --- */
  --tracking-display: -0.01em;
  --tracking-body: 0;
  --tracking-eyebrow: 0.18em;
  --tracking-micro: 0.16em;
  --tracking-figure: -0.02em;

  /* --- semantic roles --- */
  --type-eyebrow: var(--weight-body-medium) var(--size-eyebrow)/1.2 var(--font-sans);
  --type-title: var(--weight-display-semibold) var(--size-title)/var(--leading-title) var(--font-display);
  --type-subhead: var(--weight-display-semibold) var(--size-subhead)/var(--leading-tight) var(--font-display);
  --type-standfirst: var(--weight-body) var(--size-standfirst)/var(--leading-standfirst) var(--font-sans);
  --type-body: var(--weight-body) var(--size-body)/var(--leading-body) var(--font-sans);
  --type-caption: var(--weight-body) var(--size-caption)/1.5 var(--font-sans);
  --type-micro: var(--weight-body-medium) var(--size-micro)/1.2 var(--font-sans);
  --type-figure: var(--weight-figure) var(--size-figure)/1 var(--font-sans);
  --type-serif-label: italic var(--weight-display) var(--size-body)/1.4 var(--font-display);
}