/* ============================================================
   VIQ ENGLISH — TYPOGRAPHY TOKENS
   Display = Fredoka (rounded, playful headlines)
   Text    = Montserrat (clean, premium UI + body)
   ============================================================ */
:root {
  /* ---------- Families ---------- */
  --font-display: 'Fredoka', 'Montserrat', system-ui, sans-serif;
  --font-text:    'Montserrat', system-ui, -apple-system, sans-serif;

  /* ---------- Weights ---------- */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* ---------- Type scale (1.250 major-third, 16px base) ---------- */
  --text-2xs: 0.6875rem; /* 11px — micro labels */
  --text-xs:  0.75rem;   /* 12px */
  --text-sm:  0.875rem;  /* 14px */
  --text-md:  1rem;      /* 16px — body base */
  --text-lg:  1.125rem;  /* 18px — lead */
  --text-xl:  1.375rem;  /* 22px */
  --text-2xl: 1.75rem;   /* 28px — H3 */
  --text-3xl: 2.25rem;   /* 36px — H2 */
  --text-4xl: 3rem;      /* 48px — H1 */
  --text-5xl: 3.75rem;   /* 60px — hero */
  --text-6xl: 4.75rem;   /* 76px — display */

  /* ---------- Line heights ---------- */
  --lh-tight:   1.05;  /* @kind other */
  --lh-snug:    1.2;   /* @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-wider:   0.12em;  /* @kind other */
}