:root {
  /* ---- Families ---- */
  --font-sans: "The Future", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "The Future Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- Base ---- */
  --font-size-base: 16px;
  --line-height-base: 1.4;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-bold: 700;

  /* ---- Type scale (matches the site's real steps) ---- */
  --text-tagline: 0.75rem;   /* mono tagline / eyebrow */
  --text-label: 0.75rem;     /* uppercase pill / nav labels */
  --text-small: 0.875rem;    /* .smallish — footnotes, captions */
  --text-body-size: 1rem;    /* body copy */
  --text-lead: 1.5rem;       /* .large — section leads */
  --text-wordmark: 1.45rem;  /* brand wordmark */

  /* ---- Label treatment (pills, nav, dropdown items) ---- */
  --label-letterspacing: 0.14em;
  --label-transform: uppercase; /* @kind other */

  /* ---- Semantic aliases ---- */
  --type-lead: var(--weight-bold) var(--text-lead)/1.4 var(--font-sans);
  --type-body: var(--weight-regular) var(--text-body-size)/1.4 var(--font-sans);
  --type-caption: var(--weight-regular) var(--text-small)/1.4 var(--font-sans);
  --type-eyebrow: var(--weight-regular) var(--text-tagline)/1.4 var(--font-mono);
}