/* =============================================================================
   KUUSAMO.gg V2 — Typography System Layer
   Implements the two-layer brand typography:

   TOMORROW      → recognition layer: headings, nav, titles, brand
   INSTRUMENT    → reading layer:     body, excerpts, meta, long-form
   OXANIUM       → competitive accent: LIVE, BO3, MVP, FINAL labels only
   NIPPO         → jersey numbers only

   All rules use CSS variables from v2-design-system.css.
   Never hardcode font-family in component files.
   ============================================================================= */

/* =============================================================================
   GLOBAL: Reading layer (Instrument Sans)
   body.kgg-v2 already sets var(--font-body).
   This ensures all text elements inherit it correctly.
   ============================================================================= */

body.kgg-v2 {
  font-family: var(--font-body);
}

/* =============================================================================
   GLOBAL: Tomorrow — applied to all heading/title/nav/button elements
   This catches every element where Tomorrow should appear without
   requiring per-component overrides in each section file.
   ============================================================================= */

body.kgg-v2 h1,
body.kgg-v2 h2,
body.kgg-v2 h3,
body.kgg-v2 h4,
body.kgg-v2 h5,
body.kgg-v2 h6 {
  font-family: var(--font-display);
}

/* =============================================================================
   HERO (Section 1)
   ============================================================================= */

.kgg-hero__headline       { font-family: var(--font-display); }
.kgg-hero__subline        { font-family: var(--font-body); }
.kgg-hero__cta            { font-family: var(--font-display); }

/* =============================================================================
   IDENTITY (Section 2)
   ============================================================================= */

.kgg-identity__eyebrow        { font-family: var(--font-display); }
.kgg-identity__item-label     { font-family: var(--font-display); }
.kgg-identity__item-value     { font-family: var(--font-display); }
.kgg-identity__card-label     { font-family: var(--font-display); }
.kgg-identity__card-desc      { font-family: var(--font-body); }
.kgg-identity__card-link      { font-family: var(--font-display); }
.kgg-identity__post-title     { font-family: var(--font-display); }
.kgg-identity__post-date      { font-family: var(--font-body); }
/* Body copy stays Instrument Sans */
.kgg-identity__statement p    { font-family: var(--font-body); }

/* =============================================================================
   NEWS / CURRENT MOMENT (Section 3)
   ============================================================================= */

.kgg-current__eyebrow           { font-family: var(--font-display); }
.kgg-current__all-link          { font-family: var(--font-display); }
.kgg-current__lead-title        { font-family: var(--font-display); }
.kgg-current__lead-excerpt      { font-family: var(--font-body); }
.kgg-current__lead-read-link    { font-family: var(--font-display); }
.kgg-current__secondary-title   { font-family: var(--font-display); }
.kgg-current__secondary-date    { font-family: var(--font-body); }

/* =============================================================================
   TEAM (Section 4)
   ============================================================================= */

.kgg-team__eyebrow      { font-family: var(--font-display); }
.kgg-team__title        { font-family: var(--font-display); }
.kgg-team__all-link     { font-family: var(--font-display); }
.kgg-team__handle       { font-family: var(--font-display); }
.kgg-team__role         { font-family: var(--font-body); }    /* readable, not brand */

/* =============================================================================
   GUIDE (Section 5)
   ============================================================================= */

.kgg-guide__eyebrow         { font-family: var(--font-display); }
.kgg-guide__heading         { font-family: var(--font-display); }
.kgg-guide__copy            { font-family: var(--font-body); }
.kgg-guide__cta             { font-family: var(--font-display); }
.kgg-guide__index-link      { font-family: var(--font-display); }

/* =============================================================================
   PARTNERS (Section 6)
   ============================================================================= */

.kgg-partners-section__eyebrow { font-family: var(--font-display); }

/* =============================================================================
   FOOTER
   ============================================================================= */

.kgg-site-footer__tagline       { font-family: var(--font-body); }
.kgg-site-footer__col-heading   { font-family: var(--font-display); }
.kgg-site-footer__nav-link      { font-family: var(--font-display); }
.kgg-site-footer__nav-link--soon{ font-family: var(--font-display); }
.kgg-site-footer__copyright     { font-family: var(--font-body); }
/* Social icon links inherit from parent - icons are icon font, not text */

/* =============================================================================
   SIDEBAR NAVIGATION
   ============================================================================= */

.kgg-nav-item .kgg-nav-label    { font-family: var(--font-display); }
.kgg-nav-link                   { font-family: var(--font-display); } /* sidebar anchor wrapper */
.kgg-section-label              { font-family: var(--font-display); }
.kgg-partner-link               { font-family: var(--font-body); }   /* partner names = readable */

/* =============================================================================
   TOMORROW SIZE ADJUSTMENTS
   Tomorrow has slightly different metrics than General Sans.
   These micro-corrections preserve layout without redesigning anything.
   ============================================================================= */

/* Tomorrow is slightly wider than General Sans at equal font-size.
   Hero headline: reduce tracking slightly to compensate. */
.kgg-hero__headline {
  letter-spacing: -0.015em; /* was -0.02em in v2-hero.css */
}

/* Tomorrow at nav/small sizes reads slightly larger optically.
   Sidebar nav: reduce from 15px to 14px to keep visual weight. */
.kgg-nav-item .kgg-nav-label {
  font-size: 14px;
}

/* Footer nav links: Tomorrow at 14px is visually slightly heavier.
   Keep weight at 400 (already correct) but confirm tracking. */
.kgg-site-footer__nav-link {
  letter-spacing: 0.01em;
}

/* Team player handles: Tomorrow medium weight at 17px
   is already correct — no size change needed. */

/* Guide index links: Tomorrow at base size reads well.
   Reduce weight from 400 to match Tomorrow's lighter optical weight. */
.kgg-guide__index-link {
  font-weight: var(--fw-regular); /* already 400, confirm */
}

/* Section eyebrows in Tomorrow: the caps + tracking combination
   is slightly more prominent than with General Sans.
   Reduce letter-spacing on eyebrows from 0.09em to 0.07em. */
.kgg-identity__eyebrow,
.kgg-current__eyebrow,
.kgg-team__eyebrow,
.kgg-guide__eyebrow,
.kgg-partners-section__eyebrow,
.kgg-site-footer__col-heading,
.kgg-section-label {
  letter-spacing: 0.07em;
}

/* =============================================================================
   MOBILE: No changes to font assignments on mobile.
   Tomorrow and Instrument Sans both load well at small sizes.
   ============================================================================= */