/* ── Band 7 IELTS · Typography tokens ─────────────────────────
   Display: Sora — heavy geometric sans, set very bold, tight
   tracking + line-height, large & centered for headlines.
   Body:   Inter — clean neutral sans for running copy. */
:root {
  --font-display: 'Sora', 'Segoe UI', system-ui, sans-serif; /* @kind font */
  --font-body: 'Inter', system-ui, -apple-system, sans-serif; /* @kind font */

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

  /* Display scale (headlines — tight) */
  --fs-hero: clamp(40px, 6.4vw, 76px); /* @kind font */
  --fs-h1: clamp(34px, 5vw, 56px); /* @kind font */
  --fs-h2: clamp(28px, 3.6vw, 42px); /* @kind font */
  --fs-h3: 26px; /* @kind font */
  --fs-h4: 21px; /* @kind font */
  --lh-display: 1.04; /* @kind font */
  --ls-display: -0.03em; /* @kind font */

  /* Body scale */
  --fs-lead: 20px; /* @kind font */
  --fs-body: 18px; /* @kind font */
  --fs-sm: 15px; /* @kind font */
  --fs-xs: 13px; /* @kind font */
  --lh-body: 1.6; /* @kind font */
  --lh-tight: 1.35; /* @kind font */

  /* Stats */
  --fs-stat: clamp(40px, 5vw, 60px); /* @kind font */
}