/* ============================================================
   TYPE TOKENS — Hey, Sash
   Display: Unbounded (rounded-geometric, heavy weights) — headlines
   Body/UI: Montserrat — paragraphs, buttons, labels
   Mono:    IBM Plex Mono — chips, counters, meta/timestamps, tags
   ============================================================ */

:root {
  --font-display: 'Unbounded', 'Montserrat', sans-serif;
  --font-body:    'Montserrat', -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', 'SFMono-Regular', monospace;

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

  /* Type scale — display (Unbounded), tight/negative tracking, tight leading */
  --text-display-xl: 700 56px/1.08 var(--font-display);
  --text-display-lg: 700 40px/1.1  var(--font-display);
  --text-display-md: 600 30px/1.15 var(--font-display);
  --text-display-sm: 600 22px/1.2  var(--font-display);

  /* Type scale — body (Montserrat) */
  --text-body-lg: 500 18px/1.5 var(--font-body);
  --text-body-md: 500 16px/1.5 var(--font-body);
  --text-body-sm: 500 14px/1.45 var(--font-body);
  --text-body-xs: 500 12px/1.4 var(--font-body);

  /* Type scale — mono (IBM Plex Mono), used for chips/badges/meta */
  --text-mono-md: 500 14px/1.3 var(--font-mono);
  --text-mono-sm: 500 12px/1.3 var(--font-mono);
  --text-mono-xs: 600 10px/1.2 var(--font-mono);

  --letter-spacing-display: -0.01em;
  --letter-spacing-mono: 0.01em;
}