:root{
  --font-sans:"Montserrat",system-ui,sans-serif;
  --font-display:"Montserrat",system-ui,sans-serif;

  --weight-light:300;   /* poetic phrases, manifesto */
  --weight-book:400;    /* body */
  --weight-medium:500;  /* titles */
  --weight-bold:700;    /* big titles */

  --text-xs:12px;
  --text-sm:14px;
  --text-md:16px;
  --text-lg:19px;
  --text-xl:24px;
  --text-2xl:32px;
  --text-3xl:44px;
  --text-4xl:64px;
  --text-5xl:96px;
  --text-6xl:136px;

  --leading-tight:0.95;
  --leading-snug:1.15;
  --leading-body:1.55;
  --leading-poem:1.8;

  --tracking-display:-0.035em;  /* big titles: tight */
  --tracking-title:-0.015em;
  --tracking-body:0;
  --tracking-label:0.24em;      /* short uppercase labels: wide */
  --tracking-spaced:0.5em;      /* "E X P L O R E" letter-spaced lines */

  /* Semantic */
  --type-display:var(--weight-bold) clamp(48px,8vw,var(--text-6xl))/var(--leading-tight) var(--font-display);
  --type-h1:var(--weight-bold) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-h2:var(--weight-medium) var(--text-3xl)/var(--leading-snug) var(--font-display);
  --type-h3:var(--weight-medium) var(--text-xl)/var(--leading-snug) var(--font-display);
  --type-body:var(--weight-book) var(--text-md)/var(--leading-body) var(--font-sans);
  --type-poem:var(--weight-light) var(--text-xl)/var(--leading-poem) var(--font-sans);
  --type-label:var(--weight-medium) var(--text-xs)/1 var(--font-sans);
}