/* ============================================
   CURIOSO — TYPOGRAPHY TOKENS
   Display = Baloo 2 (kid energy, heavy + rounded)
   Body    = Nunito Sans (parent-trust legibility)
   ============================================ */
:root {
  --font-display: 'Baloo 2', 'Trebuchet MS', sans-serif;
  --font-body: 'Nunito Sans', 'Segoe UI', sans-serif;

  /* Scale (marketing site, 1920 design width) */
  --text-hero: 72px;        /* hero headline */
  --text-h1: 56px;
  --text-h2: 40px;
  --text-h3: 28px;
  --text-h4: 22px;
  --text-body-lg: 20px;
  --text-body-md: 18px;
  --text-body-sm: 16px;
  --text-caption: 14px;

  --leading-display: 1.05;
  --leading-heading: 1.15;
  --leading-body: 1.55;

  --weight-display: 700;    /* Baloo 2 bold */
  --weight-display-heavy: 800;
  --weight-body: 400;
  --weight-body-semibold: 600;
  --weight-body-bold: 700;

  /* All-caps micro labels ("CHILD-SAFE", "MINI-GAME") */
  --tracking-caps: 0.08em;
  --tracking-display: -0.01em;

  /* Semantic aliases */
  --type-hero: var(--weight-display-heavy) var(--text-hero)/var(--leading-display) var(--font-display);
  --type-h2: var(--weight-display) var(--text-h2)/var(--leading-heading) var(--font-display);
  --type-body: var(--weight-body) var(--text-body-md)/var(--leading-body) var(--font-body);
}