/* HitGoals — Typography tokens
   Fredoka (rounded, geometric) for display/headings — echoes the mascot's
   bouncy arrow. Nunito for body & UI — friendly, highly legible.
   NOTE: fonts are pulled from Google Fonts (see flag in readme.md). */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@500;600;700;800&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&family=DM+Mono:wght@400;500&display=swap');

:root {
  --font-display: 'Onest', 'Trebuchet MS', sans-serif; /* @kind font */
  --font-body: 'Nunito', 'Segoe UI', sans-serif; /* @kind font */
  --font-mono: 'DM Mono', ui-monospace, monospace; /* @kind font */

  /* Weights */
  --fw-regular: 400;  /* @kind other */
  --fw-medium: 600;   /* @kind other */
  --fw-semibold: 700; /* @kind other */
  --fw-bold: 700;     /* @kind other */
  --fw-display: 700;  /* @kind other */
  --fw-heavy: 700;    /* @kind other */

  /* Type scale (rem, 16px base) */
  --fs-display: 3rem;     /* 48 — hero */
  --fs-h1: 2.25rem;       /* 36 */
  --fs-h2: 1.75rem;       /* 28 */
  --fs-h3: 1.375rem;      /* 22 */
  --fs-title: 1.125rem;   /* 18 — card titles */
  --fs-body: 1rem;        /* 16 */
  --fs-body-sm: 0.9375rem;/* 15 */
  --fs-caption: 0.8125rem;/* 13 */
  --fs-micro: 0.6875rem;  /* 11 — labels/badges */

  /* Line heights */
  --lh-tight: 1.1;    /* @kind other */
  --lh-snug: 1.25;    /* @kind other */
  --lh-normal: 1.5;   /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind other */
  --ls-normal: 0;      /* @kind other */
  --ls-wide: 0.04em;   /* @kind other */
  --ls-caps: 0.08em;   /* @kind other */
}