:root {
  /* Families */
  --font-display: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* Type scale (px) */
  --text-display: 56px;   /* hero display */
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 22px;
  --text-lg: 18px;
  --text-base: 16px;
  --text-sm: 14px;
  --text-xs: 13px;
  --text-eyebrow: 12px;   /* mono uppercase labels */

  /* Weights */
  --weight-body: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-display: 700;

  /* Line heights */
  --leading-tight: 1.08;   /* display / headings */
  --leading-snug: 1.3;
  --leading-body: 1.55;

  /* Tracking */
  --tracking-display: -0.02em;
  --tracking-eyebrow: 0.16em;  /* wide, for mono eyebrow labels */
}