/* --- TYPOGRAPHY & FONT SCALES --- */
:root {
  --font-ui: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'SF Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  
  /* Standard typographical scale */
  --fs-2xs: 0.65rem;   /* counters, small badges */
  --fs-xs:  0.72rem;   /* captions, secondary labels */
  --fs-sm:  0.8rem;    /* secondary text, table cells */
  --fs-base: 0.85rem;  /* body text and default controls */
  --fs-md:  0.95rem;   /* accented text, active menu items */
  --fs-lg:  1.05rem;   /* section headers */
  --fs-xl:  1.35rem;   /* large titles / logo */
  --fs-2xl: 2.25rem;   /* empty state title */
  --fs-3xl: 4rem;      /* decorative hero icons */

  /* Glyph scale — for an emoji/icon standing ALONE (not for text): one set for the whole UI,
     so a card in one screen cannot invent its own 18/20/24/28/32 px. */
  --fs-glyph:     1.125rem;  /* 18px — inline icon or emoji inside a row */
  --fs-glyph-lg:  1.5rem;    /* 24px — emoji in a card heading */
  --fs-glyph-xl:  2rem;      /* 32px — showcase emoji (sports, languages) */
}