/* ============================================================
   Wonderful Selayar — Typography
   Three voices: characterful display, calm humanist body, mono for data.
   Scale: 1.250 (major third), 16px base.
   ============================================================ */
:root{
  /* ── Families ── */
  --font-display:'Bricolage Grotesque',system-ui,sans-serif; /* headlines, hero */
  --font-body:'Hanken Grotesk',system-ui,sans-serif;          /* reading + UI */
  --font-mono:'JetBrains Mono',ui-monospace,monospace;        /* Rp, resi, KPIs, eyebrows */

  /* ── Type scale ── */
  --t-xs:.75rem;     /* caption / label */
  --t-sm:.875rem;    /* small body */
  --t-base:1rem;     /* body */
  --t-lg:1.25rem;    /* subhead */
  --t-xl:1.563rem;   /* card title */
  --t-2xl:1.953rem;  /* subsection */
  --t-3xl:2.441rem;  /* section title */
  --t-4xl:3.052rem;  /* display */
  --t-5xl:3.815rem;  /* hero */

  /* ── Weights ── */
  --fw-body:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-display:800; /* @kind font */

  /* ── Line height ── */
  --lh-tight:1.08; /* @kind font */ /* headlines */
  --lh-snug:1.3; /* @kind font */ /* subheads */
  --lh-body:1.6; /* @kind font */ /* reading copy */

  /* ── Tracking ── */
  --tracking-display:-.02em;  /* display / headlines */
  --tracking-eyebrow:.18em;   /* mono eyebrows */
  --tracking-label:.12em;     /* mono labels */
}