:root{
  /* ---- FAMILIES ---- */
  --font-display:'Archivo',sans-serif;      /* wdth 125, wght 800-900, uppercase */
  --font-body:'Archivo',sans-serif;         /* wdth 100, wght 400-600 */
  --font-mono:'IBM Plex Mono',monospace;    /* telemetry: times, coordinates, labels */

  /* ---- WIDTH AXIS ---- */
  --wdth-display:125; /* @kind other */   /* hero, h1, h2 */
  --wdth-tight:118; /* @kind other */     /* h3, buttons, small display labels */
  --wdth-body:100; /* @kind other */

  /* ---- SIZES ---- */
  --size-hero:clamp(44px,9vw,128px);
  --size-h1:clamp(34px,5.5vw,72px);
  --size-h2:clamp(24px,3.5vw,42px);
  --size-h3:clamp(18px,2vw,24px);
  --size-body-lg:19px;
  --size-body:16px;
  --size-body-sm:14.5px;
  --size-mono:13px;
  --size-mono-sm:11px;
  --size-mono-xs:10px;

  /* ---- LINE HEIGHT ---- */
  --lh-display:1.02; /* @kind other */
  --lh-body:1.65; /* @kind other */
  --lh-body-lg:1.6; /* @kind other */

  /* ---- TRACKING ---- */
  --track-display:-0.01em; /* @kind other */
  --track-mono:.08em; /* @kind other */
  --track-mono-sm:.1em; /* @kind other */
  --track-eyebrow:.14em; /* @kind other */

  /* ---- OUTLINE TYPE ---- */
  --outline-stroke:1.5px; /* @kind other */
  --outline-color:rgba(244,245,247,.55); /* @kind color */
}