/* ============================================================
   Active Sports FC — Typography tokens
   Headings: Oswald (condensed). Body: Inter.
   ALL headings uppercase via CSS text-transform (text stays
   normal-case in the CMS so AT/SEO read it correctly), with
   slight positive letter-spacing.
   Weight split: display (4xl/5xl) = 600; section (3xl & below) = 400.
   ============================================================ */

:root {
  /* ---- Families (condensed fallbacks match Oswald's width) ---- */
  --font-heading: 'Oswald', 'Roboto Condensed', 'Arial Narrow', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ---- Weights ---- */
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* ---- Type scale (rem, 16px base) ---- */
  --font-size-xs:   0.75rem;   /* 12 */
  --font-size-sm:   0.875rem;  /* 14 */
  --font-size-base: 1rem;      /* 16 */
  --font-size-lg:   1.125rem;  /* 18 */
  --font-size-xl:   1.25rem;   /* 20 */
  --font-size-2xl:  1.5rem;    /* 24 */
  --font-size-3xl:  1.875rem;  /* 30 — section headings (weight 400) */
  --font-size-4xl:  2.5rem;    /* 40 — display (weight 600) */
  --font-size-5xl:  3.5rem;    /* 56 — display (weight 600) */
  --font-size-6xl:  4.5rem;    /* 72 — hero display */

  /* ---- Line heights ---- */
  --line-height-display: 1.04;  /* big uppercase headings */
  --line-height-tight:   1.15;
  --line-height-snug:    1.3;
  --line-height-normal:  1.55;  /* body copy */
  --line-height-relaxed: 1.7;

  /* ---- Letter spacing ---- */
  --tracking-display:  0.005em;  /* slight positive on uppercase display */
  --tracking-heading:  0.01em;
  --tracking-kicker:   0.14em;   /* wide uppercase eyebrow / kicker labels */
  --tracking-body:     0em;
  --tracking-caps-sm:  0.06em;   /* small uppercase labels, buttons */

  /* ---- Semantic roles ---- */
  --text-display-font:   var(--font-heading);
  --text-display-weight: var(--font-weight-semibold);
  --text-section-weight: var(--font-weight-regular);
  --text-body-font:      var(--font-body);
}