/* ============================================================
   VINCO SPORT — TYPOGRAPHY TOKENS
   Single family: Exo 2 (geometric techno sans). Display weights
   carry the brand energy; body stays readable and quiet.
   ============================================================ */

:root {
  /* Families */
  --font-display: "Exo 2", "Arial Narrow", system-ui, sans-serif;
  --font-body:    "Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Secondary family — long-form written documentation (per parent brand "Athletic").
     Exo 2 carries brand/UI/display; Montserrat carries running prose in docs/reports. */
  --font-doc:     "Montserrat", "Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Wordmark family — Futura PT (Adobe Fonts / Typekit), the typeface in the
     VINCO wordmark, for the logo lockup / product name. Jost is the free
     cross-platform fallback if the Typekit kit fails to load. */
  --font-wordmark: "futura-pt", "Futura", "Jost", "Century Gothic", var(--font-display);
  --font-mono:    "JetBrains Mono", "SFMono-Regular", ui-monospace, "Menlo", monospace;

  /* Weights */
  --weight-light:     300;
  --weight-regular:   400;
  --weight-medium:    500;
  --weight-semibold:  600;
  --weight-bold:      700;
  --weight-extrabold: 800;
  --weight-black:     900;

  /* Type scale (1.250 major-third-ish, broadcast-tuned) */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   17px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  30px;
  --text-3xl:  38px;
  --text-4xl:  48px;
  --text-5xl:  62px;
  --text-6xl:  80px;
  --text-7xl:  104px;

  /* Line heights */
  --leading-none:    1;
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — Exo 2 reads well tightened on display,
     and is built for wide ALL-CAPS labels (scores, LIVE, nav). */
  --tracking-tighter: -0.02em;
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.08em;
  --tracking-caps:    0.14em;  /* uppercase eyebrows / labels */

  /* ---- Semantic roles ---- */
  --display-font:   var(--font-display);
  --display-weight: var(--weight-black);

  --heading-font:   var(--font-display);
  --heading-weight: var(--weight-bold);

  --body-font:      var(--font-body);
  --body-weight:    var(--weight-regular);

  --label-font:     var(--font-body);
  --label-weight:   var(--weight-semibold);

  --eyebrow-weight: var(--weight-bold);
  --eyebrow-tracking: var(--tracking-caps);

  /* Documentation prose role — Montserrat, comfortable measure & leading */
  --doc-font:       var(--font-doc);
  --doc-weight:     var(--weight-regular);
  --doc-leading:    var(--leading-relaxed);
}