:root{
  --font-display:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-sans:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;

  /* type scale, 1.25 from 16px, rounded to whole px */
  --size-display-1:72px;
  --size-display-2:56px;
  --size-display-3:40px;
  --size-title-1:32px;
  --size-title-2:24px;
  --size-title-3:20px;
  --size-body-lg:18px;
  --size-body:16px;
  --size-body-sm:14px;
  --size-caption:13px;
  --size-micro:11px;

  --leading-tight:1.0;
  --leading-snug:1.2;
  --leading-normal:1.5;
  --leading-loose:1.65;

  --weight-extralight:400;
  --weight-light:400;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:600;

  /* display is set tight; mono labels are spaced, never shouted */
  --track-display:-0.025em;
  --track-lockup:0.1em;
  --track-eyebrow:0.08em;
  --track-mono:0em;
  --track-body:-0.005em;

  /* composite roles */
  --text-role-eyebrow:var(--weight-regular) var(--size-micro)/1.2 var(--font-mono);
  --text-role-display:var(--weight-medium) var(--size-display-2)/var(--leading-tight) var(--font-display);
  --text-role-title:var(--weight-medium) var(--size-title-2)/var(--leading-snug) var(--font-display);
  --text-role-body:var(--weight-regular) var(--size-body)/var(--leading-normal) var(--font-sans);
  --text-role-data:var(--weight-regular) var(--size-body-sm)/1.4 var(--font-mono);
}