/* ============================================================
   Boogie Games — Typography Tokens
   Face: Readex Pro (weights 300/400/500/600/700 used in file).
   Sizes transcribed from METADATA font usage (10–40px on a 375px
   mobile frame). Line-height is tight (100%) for display/labels,
   looser for reading copy. Devanagari copy falls back to Baloo 2.
   ============================================================ */
:root {
  --font-sans: "Readex Pro", "Baloo 2", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-deva: "Baloo 2", "Readex Pro", sans-serif; /* Hindi / Devanagari */

  /* 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 (matches Figma sizes) */
  --fs-10: 10px;   /* micro labels, captions (most common) */
  --fs-12: 12px;   /* secondary labels, body-small */
  --fs-14: 14px;   /* body, buttons */
  --fs-15: 15px;
  --fs-16: 16px;   /* card titles, section labels */
  --fs-20: 20px;   /* stat numbers, sub-headings */
  --fs-24: 24px;   /* screen titles */
  --fs-36: 36px;   /* display */
  --fs-40: 40px;   /* hero display */

  --lh-tight: 1; /* @kind font */
  --lh-snug: 1.2;     /* @kind font */
  --lh-body: 1.45;    /* @kind font */

  /* semantic roles */
  --text-hero:     var(--fw-bold) var(--fs-40)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-title:    var(--fw-bold) var(--fs-24)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-heading:  var(--fw-semibold) var(--fs-16)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-stat:     var(--fw-bold) var(--fs-20)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-body-r:   var(--fw-regular) var(--fs-14)/var(--lh-body) var(--font-sans); /* @kind font */
  --text-label:    var(--fw-medium) var(--fs-12)/var(--lh-snug) var(--font-sans); /* @kind font */
  --text-caption:  var(--fw-light) var(--fs-10)/var(--lh-snug) var(--font-sans); /* @kind font */
}