/* ============================================================
   BPO Digital — Typography tokens
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

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

  /* ---- Type scale (rem @ 16px root) ---- */
  --text-display-xl: 4.5rem;   /* 72 */
  --text-display-l:  3.5rem;   /* 56 */
  --text-display-m:  2.75rem;  /* 44 */
  --text-h1:         2.25rem;  /* 36 */
  --text-h2:         1.75rem;  /* 28 */
  --text-h3:         1.375rem; /* 22 */
  --text-h4:         1.125rem; /* 18 */
  --text-body-l:     1.125rem; /* 18 */
  --text-body-m:     1rem;     /* 16 */
  --text-body-s:     0.875rem; /* 14 */
  --text-caption:    0.75rem;  /* 12 */
  --text-eyebrow:    0.8125rem;/* 13 — ALL-CAPS section labels */

  /* ---- Line heights ---- */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing ---- */
  --tracking-tight:   -0.02em;
  --tracking-snug:    -0.01em;
  --tracking-normal:  0;
  --tracking-eyebrow: 0.14em;  /* wide caps for eyebrows */
  --tracking-mono:    0.01em;
}