/* Tulio Digital — Typography tokens */
:root {
  /* Families */
  --font-display: 'Space Grotesk', system-ui, sans-serif; /* headings & buttons */
  --font-body:    'IBM Plex Sans', system-ui, sans-serif; /* body copy */
  --font-mono:    'JetBrains Mono', ui-monospace, monospace; /* labels, nav, badges */

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:    700; /* @kind other */

  /* Type scale (display uses Space Grotesk) — --fs-* spacing, --lh-* other */
  --fs-display-xl: 76px;  --lh-display-xl: 1.02; /* @kind other */
  --fs-display-l:  56px;  --lh-display-l:  1.05; /* @kind other */
  --fs-display-m:  40px;  --lh-display-m:  1.1;  /* @kind other */
  --fs-title:      28px;  --lh-title:      1.15; /* @kind other */
  --fs-subtitle:   20px;  --lh-subtitle:   1.35; /* @kind other */
  --fs-body-lg:    18px;  --lh-body-lg:    1.6;  /* @kind other */
  --fs-body:       16px;  --lh-body:       1.6;  /* @kind other */
  --fs-small:      14px;  --lh-small:      1.5;  /* @kind other */
  --fs-label:      13px;  --lh-label:      1.3;  /* @kind other */
  --fs-micro:      11px;  --lh-micro:      1.2;  /* @kind other */

  /* Letter-spacing — mono labels are tracked out, uppercased */
  --ls-label:  0.14em;
  --ls-display:-0.02em;
  --ls-tight:  -0.01em;
}