:root{
  --font-display:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-ui:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-mono:"DM Mono",ui-monospace,SFMono-Regular,monospace;

  /* Weights — hero is fat, running text is fine */
  --w-fine:300; /* @kind font */
  --w-regular:400; /* @kind font */
  --w-medium:500; /* @kind font */
  --w-semi:600; /* @kind font */
  --w-bold:700; /* @kind font */
  --w-black:800; /* @kind font */

  /* Display sizes */
  --t-hero:clamp(56px,8.5vw,132px); /* @kind font */
  --t-hero-sub:clamp(26px,3.6vw,52px); /* @kind font */
  --t-display:clamp(34px,4.4vw,64px); /* @kind font */
  --t-title:clamp(24px,3vw,38px); /* @kind font */
  --t-card-title:clamp(22px,6.2cqw,32px); /* @kind font */
  --t-section:clamp(20px,2.4vw,28px); /* @kind font */

  /* Text sizes */
  --t-lead:19px; /* @kind font */
  --t-body:15px; /* @kind font */
  --t-body-lg:17px; /* @kind font */
  --t-small:13px; /* @kind font */
  --t-micro:11px; /* @kind font */

  /* Mono label sizes */
  --t-label:10px; /* @kind font */
  --t-label-lg:12px; /* @kind font */
  --t-kicker:9px; /* @kind font */

  /* Line heights */
  --lh-hero:.88; /* @kind font */
  --lh-title:1.08; /* @kind font */
  --lh-body:1.55; /* @kind font */
  --lh-lead:1.6; /* @kind font */
  --lh-label:1.4; /* @kind font */

  /* Tracking */
  --ls-hero:-.055em; /* @kind font */
  --ls-title:-.02em; /* @kind font */
  --ls-body:0; /* @kind font */
  --ls-label:.14em; /* @kind font */
  --ls-label-wide:.2em; /* @kind font */
  --ls-ui:.04em; /* @kind font */
}