/* LittleWins — Typography tokens */
:root {
  /* families */
  --font-display: 'Poppins', system-ui, sans-serif;   /* headers — use 800; italic for section heads */
  --font-body:    'Inter', system-ui, sans-serif;      /* body / UI */
  --font-num:     'Space Grotesk', 'Inter', monospace; /* numerals, LWC amounts, stats */
  --font-accent:  'Fredoka', 'Poppins', sans-serif;    /* stickers / playful accents — sparing */

  /* weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-extra:   800; /* @kind font */
  --fw-black:   900; /* @kind font */

  /* type scale (1.25 major-third-ish, tuned) */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-md:  16px;   /* base body */
  --text-lg:  18px;
  --text-xl:  22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 46px;
  --text-5xl: 60px;
  --text-6xl: 76px;

  /* line heights */
  --lh-tight:  1.05; /* @kind font */
  --lh-snug:   1.2; /* @kind font */
  --lh-normal: 1.5; /* @kind font */
  --lh-relaxed:1.65; /* @kind font */

  /* letter spacing */
  --ls-tight:  -0.02em; /* @kind font */
  --ls-snug:   -0.01em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide:   0.04em; /* @kind font */
  --ls-caps:   0.08em; /* @kind font */

  /* semantic roles */
  --display-font: var(--font-display);
  --display-weight: var(--fw-extra);
  --display-tracking: var(--ls-tight);
  --heading-font: var(--font-display);
  --body-font: var(--font-body);
  --eyebrow-tracking: var(--ls-caps);
}