:root{
  /* Families */
  --font-display:"Inter",Helvetica,Arial,sans-serif;
  --font-heading:"Inter",Helvetica,Arial,sans-serif;
  --font-heading-wide:"Inter",Helvetica,Arial,sans-serif;
  --font-crammed:"Inter",Helvetica,Arial,sans-serif;
  --font-body:"Special Elite","Special Elite Local","Courier New",monospace;
  --font-mono:"Special Elite","Special Elite Local","Courier New",monospace;

  /* Weights carry the hierarchy Coolvetica used to carry with separate cuts. */
  --weight-display:900; /* @kind other */
  --weight-heading:800; /* @kind other */
  --weight-action:700; /* @kind other */
  --weight-body:400; /* @kind other */

  /* Size ramp - display sizes are deliberately oversized */
  --text-hero:clamp(64px,11vw,168px);
  --text-h1:clamp(48px,7vw,104px);
  --text-h2:clamp(34px,4vw,56px);
  --text-h3:28px;
  --text-h4:22px;
  --text-h5:17px;
  --text-lead:20px;
  --text-body-size:16px;
  --text-small:14px;
  --text-micro:12px;

  /* Line heights - display type sets tight and stacked */
  --leading-display:.84; /* @kind other */
  --leading-heading:.95; /* @kind other */
  --leading-body:1.62; /* @kind other */
  --leading-tight:1.25; /* @kind other */

  /* Tracking */
  --tracking-display:-.035em; /* @kind other */
  --tracking-heading:-.02em; /* @kind other */
  --tracking-label:.14em; /* @kind other */
  --tracking-body:0; /* @kind other */

  /* Roles */
  --type-hero:var(--leading-display) var(--text-hero)/var(--leading-display) var(--font-display); /* @kind font */
  --case-display:uppercase; /* @kind other */
  --case-label:uppercase; /* @kind other */
}