/* Big Shoulders Display = all-caps display. Bricolage Grotesque = body.
   Fragment Mono = every figure, handle and timestamp. */
:root{
  --display:"Big Shoulders Display","Oswald","Arial Narrow",sans-serif; /* @kind font */
  --sans:"Bricolage Grotesque","Helvetica Neue",sans-serif; /* @kind font */
  --mono:"Fragment Mono","SF Mono",monospace; /* @kind font */

  --font-display:var(--display);
  --font-body:var(--sans);
  --font-figure:var(--mono);

  /* weights */
  --w-display:900; /* @kind font */
  --w-display-sub:800; /* @kind font */
  --w-marquee:700; /* @kind font */
  --w-body:400; /* @kind font */
  --w-body-strong:600; /* @kind font */

  /* poster jumps, not gentle steps */
  --fs-hero:clamp(56px,11.5vw,128px); /* @kind font */
  --fs-display-1:56px; /* @kind font */
  --fs-display-2:42px; /* @kind font */
  --fs-section:34px; /* @kind font */
  --fs-section-sm:23px; /* @kind font */
  --fs-title:19px; /* @kind font */
  --fs-body-lg:17px; /* @kind font */
  --fs-body:15.5px; /* @kind font */
  --fs-body-sm:13.5px; /* @kind font */
  --fs-figure:14px; /* @kind font */
  --fs-figure-sm:12px; /* @kind font */
  --fs-label:11px; /* @kind font */
  --fs-label-sm:10px; /* @kind font */

  /* tracking — tighter as it gets bigger */
  --tr-hero:0.01em; /* @kind other */
  --tr-display:0.04em; /* @kind other */
  --tr-section:0.06em; /* @kind other */
  --tr-button:0.1em; /* @kind other */
  --tr-label:0.16em; /* @kind other */

  --lh-display:0.92; /* @kind font */
  --lh-heading:1.05; /* @kind font */
  --lh-body:1.5; /* @kind font */
  --lh-figure:1.3; /* @kind font */
}