:root {
  --font-display: 'Baloo 2', 'Baloo 2 Fallback', ui-rounded, sans-serif;
  --font-body: 'Poppins', 'Poppins Fallback', system-ui, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* Display — Baloo 2, used sparingly for campaign headlines & hero moments only */
  --text-display-xl: 700 56px/1.1 var(--font-display);
  --text-display-lg: 700 40px/1.15 var(--font-display);
  --text-display-md: 600 30px/1.2 var(--font-display);

  /* Headings — Poppins SemiBold/Bold, used across product UI */
  --text-h1: 600 34px/1.25 var(--font-body);
  --text-h2: 600 26px/1.3 var(--font-body);
  --text-h3: 600 20px/1.35 var(--font-body);
  --text-h4: 600 17px/1.4 var(--font-body);

  /* Body */
  --text-body-lg: 400 17px/1.6 var(--font-body);
  --text-body-md: 400 15px/1.6 var(--font-body);
  --text-body-sm: 400 13px/1.5 var(--font-body);
  --text-label: 500 13px/1.4 var(--font-body);
  --text-caption: 400 12px/1.4 var(--font-body);
  --text-overline: 600 12px/1.3 var(--font-body);

  --tracking-overline: 0.08em;
  --tracking-tight: -0.01em;
}