/* ============================================================
   Munchkin — Typography tokens
   Display: Baloo 2 (rounded, warm). Body: Nunito (friendly, readable).
   ============================================================ */
:root {
  --font-display: 'Baloo 2', system-ui, sans-serif;
  --font-body:    'Nunito', system-ui, -apple-system, sans-serif;
  --font-mono:    'Nunito', ui-monospace, 'SF Mono', monospace; /* numeric/data rows */

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

  /* Type scale (px). Display sizes use Baloo 2; body uses Nunito. */
  --fs-display:   44px;  /* hero / wordmark scale */
  --fs-h1:        32px;
  --fs-h2:        26px;
  --fs-h3:        21px;
  --fs-title:     18px;  /* card titles, list item primary */
  --fs-body:      16px;  /* default body */
  --fs-body-sm:   15px;
  --fs-label:     14px;  /* field labels, secondary text */
  --fs-caption:   13px;  /* captions, metadata */
  --fs-micro:     12px;  /* pill text, timestamps (min size) */

  /* Line heights */
  --lh-tight:   1.15;   /* @kind other */
  --lh-snug:    1.3;    /* @kind other */
  --lh-normal:  1.5;    /* @kind other */
  --lh-relaxed: 1.65;   /* @kind other */

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind other */
  --ls-tight:   -0.005em; /* @kind other */
  --ls-normal:  0;        /* @kind other */
  --ls-wide:    0.04em;   /* @kind other */
}