:root {
  /* Roles — brand book type palette:
     Titles & callouts = script | Headings = condensed, ALL CAPS
     Subheadings = geometric demi, ALL CAPS | Body = mono */
  --font-display: var(--font-script);
  --font-heading: var(--font-condensed);
  --font-subheading: var(--font-geometric);
  --font-body: var(--font-mono);

  /* Sizes */
  --text-display-xl: 88px;
  --text-display-lg: 64px;
  --text-display-md: 44px;
  --text-h1: 64px;
  --text-h2: 44px;
  --text-h3: 30px;
  --text-h4: 22px;
  --text-sub-lg: 18px;
  --text-sub-md: 14px;
  --text-sub-sm: 11px;
  --text-body-lg: 17px;
  --text-body-md: 15px;
  --text-body-sm: 13px;
  --text-caption: 11px;

  /* Line heights */
  --leading-display: 1.05;
  --leading-heading: 1.02;
  --leading-sub: 1.3;
  --leading-body: 1.65;

  /* Tracking — the brand leans on wide letterspacing for caps */
  --tracking-display: 0;
  --tracking-heading: 0.01em;
  --tracking-sub: 0.18em;
  --tracking-body: 0;
  --tracking-wide: 0.28em;

  /* Weights */
  --weight-heading: 600;
  --weight-sub: 600;
  --weight-body: 400;
}
