/* ════════════════════════════════════════════════════════════
   VerfiX — Typography tokens
   Two families only. Bricolage Grotesque carries display + body;
   IBM Plex Mono carries every label, kicker, and numeric readout.
   Display weights are heavy (700–800) with tight tracking; mono
   labels are small, uppercase, and widely tracked.
════════════════════════════════════════════════════════════ */
:root{
  /* ── Families ────────────────────────────────────── */
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body:    'Bricolage Grotesque', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* ── Display / heading sizes ─────────────────────── */
  --fs-display:   clamp(2.6rem, 5.5vw, 4.5rem);  /* @kind font */  /* hero h1 */
  --fs-h1:        clamp(2rem, 3.5vw, 3rem);      /* @kind font */
  --fs-h2:        clamp(1.75rem, 3vw, 2.6rem);   /* @kind font */
  --fs-h3:        1.05rem;     /* @kind font */
  --fs-h4:        0.875rem;    /* @kind font */

  /* ── Body / UI sizes ─────────────────────────────── */
  --fs-lead:      1rem;        /* @kind font */  /* hero subhead */
  --fs-body:      0.9375rem;   /* @kind font */  /* default paragraph */
  --fs-sm:        0.8125rem;   /* @kind font */  /* dense UI text */
  --fs-xs:        0.72rem;     /* @kind font */  /* meta */
  --fs-label:     0.625rem;    /* @kind font */  /* mono kicker */

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

  /* ── Tracking ────────────────────────────────────── */
  --ls-display:  -0.045em;   /* @kind font */  /* tight on big display */
  --ls-heading:  -0.02em;    /* @kind font */
  --ls-label:     0.12em;    /* @kind font */  /* loose on mono labels */
  --ls-tag:       0.06em;     /* @kind font */

  /* ── Line height ─────────────────────────────────── */
  --lh-tight:    1.05;   /* @kind font */
  --lh-snug:     1.3;    /* @kind font */
  --lh-body:     1.75;   /* @kind font */
}