/* ==========================================================================
   Bela — Typography tokens
   Space Mono for headings & titles, Poppins for UI body, Darker Grotesque
   for editorial/print body, Inconsolata for code & console.
   Bela's headings are set in Space Mono BOLD — the monospace heading is a
   defining brand signature.
   ========================================================================== */
:root {
  /* ---- Families ---- */
  --font-display: 'Space Mono', ui-monospace, 'Cascadia Mono', monospace; /* headings, titles */
  --font-ui:      'Poppins', system-ui, -apple-system, sans-serif;        /* UI body */
  --font-body:    'Darker Grotesque', 'Poppins', system-ui, sans-serif;   /* editorial / print body */
  --font-mono:    'Inconsolata', ui-monospace, 'SF Mono', monospace;      /* code, console, data */

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

  /* ---- Type scale (px, screen) ---- */
  --text-hero:    48px;  /* hero title, Space Mono bold */
  --text-display: 36px;  /* section title */
  --text-h1:      30px;  /* section heading (IDE uses 24) */
  --text-h1-sm:   24px;  /* tab / panel heading */
  --text-h2:      20px;  /* subheading, Poppins medium */
  --text-lg:      16px;  /* large body */
  --text-base:    14px;  /* default UI text */
  --text-sm:      12px;  /* console, dense controls */
  --text-xs:      10px;  /* micro labels, dropdown items */

  /* ---- Line heights ---- */
  --leading-tight:  1.1;
  --leading-snug:   1.35;
  --leading-normal: 1.6;
  --leading-loose:  2;   /* body default in the pattern library */

  /* ---- Letter spacing ---- */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;  /* Space Mono caps / labels */

  /* ---- Composed heading accent ---- */
  --heading-underline: 8px solid rgba(28, 232, 181, 0.6); /* @kind other */ /* teal-01 @ 60% under h1 */
}