:root {
  /* ── Font families ─────────────────────────────── */
  --font-headline: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', monospace;

  /* ── Type scale (size / line-height / tracking) ── */
  /* Display — Space Grotesk 30/1.2/0.02em bold — trending headers */
  --type-display-size: 30px;
  --type-display-line: 1.2;
  --type-display-track: 0.02em;
  --type-display-weight: 700;

  /* Headline — Space Grotesk 22/1.25/0.01em bold — profile names, page titles */
  --type-headline-size: 22px;
  --type-headline-line: 1.25;
  --type-headline-track: 0.01em;
  --type-headline-weight: 700;

  /* Subhead — Space Grotesk 17/1.35 semibold — section labels */
  --type-subhead-size: 17px;
  --type-subhead-line: 1.35;
  --type-subhead-weight: 600;

  /* Body Large — DM Sans 16/1.55 regular — featured/pinned */
  --type-body-lg-size: 16px;
  --type-body-lg-line: 1.55;

  /* Body — DM Sans 14/1.5 regular — default */
  --type-body-size: 14px;
  --type-body-line: 1.5;

  /* Body Small — DM Sans 13/1.45 regular — replies */
  --type-body-sm-size: 13px;
  --type-body-sm-line: 1.45;

  /* Caption — DM Sans 11/1.4/0.01em medium — timestamps */
  --type-caption-size: 11px;
  --type-caption-line: 1.4;
  --type-caption-track: 0.01em;
  --type-caption-weight: 500;

  /* Overline — DM Sans 10/1.3/0.08em bold — badges, trending labels */
  --type-overline-size: 10px;
  --type-overline-line: 1.3;
  --type-overline-track: 0.08em;
  --type-overline-weight: 700;

  /* Code — Roboto Mono 13/1.5 regular */
  --type-code-size: 13px;
  --type-code-line: 1.5;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}