/* ── Typography tokens ──────────────────────────────────────────────
   Inter for UI + body; Lora for display / serif accents (view titles,
   login headline, quotes). Theme-agnostic, so declared in :root only.

   Type scale (#238): seven t-shirt steps, meta → hero. `xs` at 12px is the
   floor for text content. Density modes redeclare these for scale-wide shifts
   instead of per-component overrides. */

:root {
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-display: 'Lora', Georgia, 'Times New Roman', serif;

  /* Size scale */
  --text-xs: 12px; /* captions, meta, badges */
  --text-sm: 14px; /* body, cards, default */
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 20px; /* view titles */
  --text-2xl: 24px; /* modal titles, JOT */
  --text-3xl: 32px; /* hero */

  /* Line-height tiers */
  --leading-tight: 1.3; /* one-line display titles */
  --leading-snug: 1.4; /* dense body */
  --leading-normal: 1.5; /* default reading */

  /* Letter-spacing tracking */
  --tracking-tight: 0; /* display titles compressed to read as one graphic */
  --tracking-wide: 0; /* uppercase labels */
  --tracking-loose: 0; /* small-caps modal hints */
}