/* ============================================================
   Driventia — Typography tokens
   Two-layer system:
     · Archivo (grotesque) for display + body
     · IBM Plex Mono for the tracked "data layer": eyebrows,
       tags, KPI sub-labels, footers, table micro-headers
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Geist', system-ui, -apple-system, sans-serif;
  --font-body:    'Geist', system-ui, -apple-system, sans-serif;
  --font-mono:    'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Type scale (deck / large-surface px) ---- */
  --text-display: 64px;  /* hero wordmark, cover headline */
  --text-h1:      44px;  /* slide headline */
  --text-h2:      30px;  /* section / big stat */
  --text-h3:      20px;  /* card title */
  --text-lead:    18px;  /* deck sub-headline (often italic) */
  --text-body:    16px;  /* body copy */
  --text-sm:      14px;  /* dense body / table cell */
  --text-label:   11px;  /* mono eyebrow / tag */
  --text-micro:   10px;  /* footer / fine print */

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

  /* ---- Letter-spacing ---- */
  --track-label:  0.22em;   /* tracked mono caps (eyebrows, footers) */
  --track-tag:    0.12em;   /* tags / KPI sub-labels */
  --track-tight: -0.02em;   /* large display headlines */
  --track-snug:  -0.01em;   /* h2 / h3 */

  /* ---- Line height ---- */
  --leading-display: 1.02;
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.55;
}