/* ============================================================
   RP HYBRID PERFORMANCE — TYPOGRAPHY TOKENS
   Display/headings: Saira  — wide, athletic, ITALIC for hero moments
   Body/UI:          Barlow — clean, slightly condensed
   Numeric:          Saira Semi Condensed — tabular splits & PRs
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Saira', system-ui, sans-serif;
  --font-body:    'Barlow', system-ui, sans-serif;
  --font-numeric: 'Saira Semi Condensed', 'Saira', system-ui, sans-serif;

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

  /* Fluid type scale (clamp: mobile → desktop) */
  --text-xs:   0.75rem;   /* 12px */
  --text-sm:   0.875rem;  /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg:   1.125rem;  /* 18px */
  --text-xl:   1.375rem;  /* 22px */
  --text-2xl:  clamp(1.5rem, calc(1.2rem + 1.4vw), 2rem);      /* @kind spacing */
  --text-3xl:  clamp(2rem, calc(1.5rem + 2.4vw), 2.875rem);    /* @kind spacing */
  --text-4xl:  clamp(2.75rem, calc(1.9rem + 4vw), 4.25rem);    /* @kind spacing */
  --text-5xl:  clamp(3.5rem, calc(2.2rem + 6.2vw), 6.5rem);    /* @kind spacing */

  /* Line heights */
  --leading-none:    0.95;
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — display is set TIGHT & italic; labels are WIDE caps */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-label:  0.14em;   /* eyebrow / kicker uppercase */

  /* --- Semantic roles --- */
  --display-family: var(--font-display);
  --display-weight: var(--fw-black);
  --display-style:  italic; /* @kind other */
  --display-tracking: var(--tracking-tight);

  --kicker-family:  var(--font-display);
  --kicker-weight:  var(--fw-bold);
  --kicker-tracking: var(--tracking-label);

  --body-family:    var(--font-body);
  --body-weight:    var(--fw-regular);
  --body-leading:   var(--leading-relaxed);
}