/* Three typefaces, three jobs. Space Grotesk Light titles, Libre Baskerville Italic
   accents, IBM Plex Sans everything else. */
:root{
  --font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-accent:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --font-body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;

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

  /* screen scale - derived from the print scale (44/28/20/10/8 pt) */
  --text-display:clamp(2.75rem,4.6vw,4.5rem); /* tagline cards, hero covers */
  --text-h1:3.25rem;      /* 52px  · 44pt */
  --text-h2:2.25rem;      /* 36px  · 28pt */
  --text-h3:1.625rem;     /* 26px  · 20pt - Libre Baskerville Italic */
  --text-h4:1.25rem;
  --text-lead:1.1875rem;
  --text-body-size:1rem;  /* 16px  · 10pt */
  --text-small:0.875rem;
  --text-caption:0.8125rem; /* 13px · 8pt */
  --text-eyebrow-size:0.6875rem;

  --leading-tight:1.1;    /* H1 110% */
  --leading-snug:1.15;    /* H2 115% */
  --leading-heading:1.2;  /* H3 / display 120% */
  --leading-body:1.5;     /* 150% */
  --leading-caption:1.4;  /* 140% */

  --tracking-display:-0.01em;
  --tracking-normal:0em;
  --tracking-caption:0.02em;
  --tracking-eyebrow:0.22em;   /* L E T T E R S P A C E D  C A P S */
  --tracking-descriptor:0.2em; /* LOCAL / [SUBURB] under the wordmark */

  /* print scale, kept verbatim from the guidelines */
  --print-h1:44pt;
  --print-h2:28pt;
  --print-h3:20pt;
  --print-body:10pt;
  --print-caption:8pt;
  --print-descriptor:10pt;
}