/* ════════════════════════════════════════════════════════════════════
   Sightline · Typography
   Fraunces does the heavy lifting (display + body). DM Sans handles UI.
   JetBrains Mono carries eyebrows & metadata.
   · Display: ALWAYS Fraunces italic 300, generous negative tracking.
   · Body:    Fraunces roman 400, 1.55 line-height.
   · Bold 600–700 is reserved for inline emphasis in prose — never headlines.
   ════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Families ────────────────────────────────────────────────────── */
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:  'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* aliases */
  --font-display: var(--font-serif);
  --font-body:    var(--font-serif);
  --font-ui:      var(--font-sans);

  /* ── Display scale (Fraunces · italic 300) ───────────────────────── */
  --type-cover:   160px;   /* cover wordmark / hero numerals */
  --type-title:   96px;    /* chapter / page title */
  --type-h1:      72px;    /* hero headline */
  --type-h2:      54px;    /* section head */
  --type-h3:      32px;    /* subhead */
  --type-lede:    22px;    /* italic lede */

  /* ── Body & UI scale ─────────────────────────────────────────────── */
  --type-body:    15px;    /* Fraunces roman */
  --type-body-sm: 13px;
  --type-ui:      15px;    /* DM Sans */
  --type-ui-sm:   13px;
  --type-mono:    11px;    /* JetBrains Mono eyebrow */
  --type-mono-sm: 10px;

  /* ── Line heights ────────────────────────────────────────────────── */
  --leading-tight:  0.92;
  --leading-snug:   1.1;
  --leading-body:   1.55;
  --leading-lede:   1.4;

  /* ── Tracking (loosens at body, tightens at display) ─────────────── */
  --track-hero:    -0.04em;
  --track-display: -0.025em;
  --track-body:    -0.005em;
  --track-mono:     0.22em;   /* eyebrows are always letter-spaced */
  --track-mono-wide: 0.28em;

  /* ── Weights ─────────────────────────────────────────────────────── */
  --weight-display: 300;   /* Fraunces light italic */
  --weight-body:    400;
  --weight-emph:    600;   /* inline emphasis only */
  --weight-ui:      500;   /* DM Sans nav/labels */
  --weight-cta:     600;   /* DM Sans buttons */
  --weight-mono:    500;
}