/* Veni typography.
   Baloo 2 Bold — headings and ALL numerals (4 h, 2 km, 85%, dates).
   Nunito Sans — everything else: body, buttons, labels, captions.
   Numerals ALWAYS use tabular figures (tnum) so they don't jump. */

:root {
  --font-display: "Baloo 2", system-ui, sans-serif; /* headings + numerals */
  --font-body: "Nunito Sans", system-ui, sans-serif; /* text */

  /* Baloo 2 sizes */
  --text-h1: 24px;   /* H1 */
  --text-h2: 20px;   /* H2 */
  --text-numeral: 26px; /* big numerals: 4 h, 2 km, 85% */

  /* Nunito Sans sizes */
  --text-lg: 17px;      /* large body */
  --text-body: 15px;    /* default text */
  --text-caption: 13px; /* caption */
  --text-label: 12px;   /* LABEL CAPS */

  /* weights */
  --fw-body: 400;     /* @kind font */
  --fw-medium: 600;   /* @kind font */
  --fw-bold: 700;     /* @kind font */
  --fw-display: 700;  /* @kind font */ /* Baloo 2 Bold */

  /* line heights */
  --lh-tight: 1.15;   /* @kind font */
  --lh-body: 1.45;    /* @kind font */

  /* label treatment */
  --label-tracking: 0.08em;

  /* tabular numerals — apply to every numeric run */
  --fnum-tabular: "tnum" 1; /* @kind other */
}

/* Helper class for numerals so consumers can opt in easily */
.tnum { font-feature-settings: "tnum" 1; font-variant-numeric: tabular-nums; }