/* ============================================================
   Aelo — Typography
   Space Grotesk = brand voice (display, headings, wordmark).
   IBM Plex Sans = body & interface.
   IBM Plex Mono = technical accent (labels, metrics, code).
   Serious engineering in a friendly shell.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans:    'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

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

  /* ---- Display scale (Space Grotesk) ---- */
  --display-xl: 64px;  /* hero wordmark / big numbers */
  --display-lg: 44px;  /* page display */
  --display-md: 34px;  /* section head */
  --display-sm: 29px;  /* H2 */
  --display-xs: 22px;  /* H3 / card title */

  /* ---- Text scale (Plex Sans) ---- */
  --text-lg:   20px;  /* lede */
  --text-md:   18px;  /* large body */
  --text-base: 16px;  /* body */
  --text-sm:   14px;  /* dense UI */
  --text-xs:   13px;  /* fine print */

  /* ---- Mono scale ---- */
  --mono-base: 14px;
  --mono-sm:   12px;
  --mono-xs:   11.5px; /* uppercase labels */

  /* ---- Line heights (unitless) ---- */
  --lh-tight: 1.08; /* @kind other */
  --lh-snug:  1.3;  /* @kind other */
  --lh-body:  1.6;  /* @kind other */

  /* ---- Tracking ---- */
  --tracking-display: -0.03em; /* wordmark, big display */
  --tracking-head:    -0.02em; /* headings */
  --tracking-normal:   0;
  --tracking-label:    0.06em; /* mono labels */
  --tracking-eyebrow:  0.16em; /* uppercase eyebrows */
}