/*
 * Jersey Bulls FC — Light mode (html.theme-light)
 *
 * User-toggleable light theme (dark is the brand default; choice persists in
 * localStorage, applied pre-paint — see functions.php + the header toggle).
 *
 * HYBRID by design: light flips the CONTENT surfaces (canvas, header, footer,
 * results/fixtures, news, squad chrome, club/legal, contact, homepage sections)
 * to a Juventus-style light-led look, while the inherently-cinematic components
 * stay DARK in both modes — feature hero, player cut-out cards, next-fixture
 * band, match centre, player profile, squad hero, and the home "--ink" band.
 * That's the most-Juventus look and avoids redesigning photo components.
 *
 * Tokens: light uses #fafafa canvas / #fff surfaces / #151515 ink / #666 muted /
 * #e6e6e6 borders, with the Bulls red accent unchanged.
 */

/* ============================================================
 * Theme remap — light mode is primarily a TOKEN REMAP, not a per-component
 * override sheet. Redefining the --t-* surfaces flips canvas / header / footer /
 * cards everywhere those components reference them (see tokens.css). Bespoke
 * per-element overrides (policy, contact, article, player profile, match centre,
 * squad chrome, home sections, and a few header/footer details) remain below
 * until those components are migrated to --t-* too.
 * ============================================================ */
html.theme-light {
	--t-canvas:        #fafafa;
	--t-panel:         #ffffff;
	--t-header:        #ffffff;
	--t-footer:        #ffffff;
	--t-border:        #e6e6e6;
	--t-border-strong: #dcdcdc;
	--t-fg:            #151515;
	--t-fg-muted:      #666666;
	--t-fg-faint:      #9a9a9a;
	--t-fg-body:       #333333;
}

/* Belt-and-braces: pin the parent wrapper chain to the canvas token so no
   FC United off-white surface shows through in light mode. */
html.theme-light body,
html.theme-light .body_wrap,
html.theme-light .page_wrap,
html.theme-light .page_content_wrap,
html.theme-light .content,
html.theme-light .content_wrap,
html.theme-light .content_wrap_fullscreen { background: var(--t-canvas) !important; }

/* ============================================================
 * Header — bg/border/text/bars/sponsor lockup all derive from --t-* tokens
 * (site-header.css + site-nav.css). Only the red hover accent is light-specific.
 * ============================================================ */
html.theme-light .bulls-icon-rail__link:hover,
html.theme-light .bulls-icon-rail__link:focus-visible { color: var(--c-bulls-red); background: var(--c-black-05); }

/* Footer is fully token-driven (site-footer.css) — no light override needed. */

/* ============================================================
 * Homepage sections — titles/viewall derive from --t-*; the section canvases
 * (incl. the deeper "muted" band) + the dark hero/match/"--ink" bands stay raw.
 * ============================================================ */
html.theme-light .bulls-home__section { background: var(--c-ink-50); }
html.theme-light .bulls-home__section--muted { background: var(--c-ink-100); }
/* The --ink band must out-rank the light canvas above (the modifier alone loses
   the specificity contest) — its player cut-out cards are white-on-dark by design. */
html.theme-light .bulls-home__section--ink { background: var(--c-ink-900); }
/* …and because that band STAYS dark in light mode, its text tokens must stay
   LIGHT — otherwise --t-fg flips to #151515 and the section title ("The Squad")
   goes dark-on-dark. Re-pinning the tokens fixes the title, view-all and every
   descendant in one move (same pattern as the transparent-header override). */
html.theme-light .bulls-home__section--ink {
	--t-fg:            var(--c-white);
	--t-fg-muted:      var(--c-white-50);
	--t-fg-body:       var(--c-white-82);
	--t-fg-faint:      var(--c-ink-400);
	--t-border:        var(--c-white-08);
	--t-border-strong: var(--c-white-18);
}
html.theme-light .bulls-home__viewall:hover { color: var(--c-bulls-red); }

/* ============================================================
 * Results / Fixtures — card surface + club name + result "when" derive from
 * --t-*; the page chrome + bespoke score greys (num/dash/status/placeholder)
 * stay light-specific.
 * ============================================================ */
html.theme-light .bulls-results-page__kicker,
html.theme-light .bulls-squad-page__kicker,
html.theme-light .bulls-news-archive__kicker { color: var(--c-bulls-red); }
/* …but inside the squad photo hero the kicker sits on the image — keep the
   dark-canvas red variant there. */
html.theme-light .bulls-squad-hero__inner .bulls-squad-page__kicker { color: var(--c-bulls-red-300); }

html.theme-light .bulls-matches-toggle { border-color: var(--t-border-strong); }
html.theme-light .bulls-matches-toggle__link { color: var(--t-fg-muted); }
html.theme-light .bulls-matches-toggle__link:hover { color: var(--t-fg); }
html.theme-light .bulls-results-filter { border-bottom-color: var(--c-ink-200); }
html.theme-light .bulls-results-filter__chip { color: var(--t-fg-muted); border-color: var(--t-border-strong); }
html.theme-light .bulls-results-filter__chip:hover { color: var(--t-fg); border-color: var(--t-fg); }
/* Active fills must out-rank the light link/chip colours above (same
   specificity battle as the --ink band): red fill keeps white text. */
html.theme-light .bulls-matches-toggle__link.is-active,
html.theme-light .bulls-results-filter__chip.is-active { color: var(--c-white); }

/* Goals page reds: red-300 is the dark-canvas variant — on the light canvas
   the full brand red carries the contrast. Same for the other red-300
   micro-caps that sit on light surfaces. */
html.theme-light .bulls-goals__item-min,
html.theme-light .bulls-player-profile__stat-label,
html.theme-light .bulls-ticket-page__kicker,
html.theme-light .bulls-contact-card__link { color: var(--c-bulls-red); }

html.theme-light .bulls-result-card,
html.theme-light .bulls-fixture-card { box-shadow: 0 1px 3px rgba(0,0,0,0.06); }  /* bg/border/text/club-name/when from --t-* */
html.theme-light .bulls-result-card--link:hover,
html.theme-light .bulls-fixture-card:hover { border-color: var(--c-bulls-red); }
html.theme-light .bulls-result-card__competition,
html.theme-light .bulls-fixture-card__competition { color: var(--c-bulls-red); }
html.theme-light .bulls-result-card__status { background: #f0f0f0; color: var(--t-fg); }
html.theme-light .bulls-result-card__num,
html.theme-light .bulls-fixture-card__when { color: var(--c-ink-500); }   /* ink-400 computed 2.8:1 on the white card */
html.theme-light .bulls-result-card__num.is-winner { color: var(--c-bulls-red); }
html.theme-light .bulls-result-card__dash { color: var(--c-ink-400); }
html.theme-light .bulls-club__crest--placeholder { background: #ececec; border-color: #cfcfcf; color: #555; }
html.theme-light .bulls-results-empty { color: var(--t-fg-muted); }

/* Squad chrome (tabs/group title) + Club/legal + Contact below all derive from
 * --t-* now — only their red accents remain light-specific. */
html.theme-light .bulls-policy-hub__kicker,
html.theme-light .bulls-policy-page__kicker,
html.theme-light .bulls-policy-card__eyebrow,
html.theme-light .bulls-policy-page__body a { color: var(--c-bulls-red); }
html.theme-light .bulls-policy-page__body a:hover { color: var(--t-fg); }
html.theme-light .bulls-contact-page__kicker,
html.theme-light .bulls-contact-card__eyebrow,
html.theme-light .bulls-contact-card__link:hover { color: var(--c-bulls-red); }

/* Club hub rows sit on --t-panel (white in light mode): the white-hairline
 * outline CTA disappears there. Flip it to ink; dark bands elsewhere
 * (last-matches, shop promo) keep the white original. */
html.theme-light .bulls-club-hub__row .bulls-cta-button--outline {
	color: var(--t-fg);
	border-color: var(--c-ink-300);
}
html.theme-light .bulls-club-hub__row .bulls-cta-button--outline:hover,
html.theme-light .bulls-club-hub__row .bulls-cta-button--outline:focus-visible {
	background: var(--c-ink-900);
	color: var(--c-white);
	border-color: var(--c-ink-900);
}

/* News article — body/back/headings reads derive from --t-*; only the heading
 * emphasis + red accents + blockquote rule remain light-specific. */
html.theme-light .bulls-article__body h2,
html.theme-light .bulls-article__body h3,
html.theme-light .bulls-article__body strong { color: var(--t-fg); }
html.theme-light .bulls-article__body a { color: var(--c-bulls-red); }
html.theme-light .bulls-article__body blockquote { border-left-color: var(--c-bulls-red); color: var(--t-fg); }
html.theme-light .bulls-article__back a:hover { color: var(--c-bulls-red); }
/* No-image article hero (e.g. /about "About Jersey Bulls") = a bare text header on
   the canvas — its white title/kicker vanished in light mode. Flip to ink text.
   Scoped to :not(.has-media) so image heroes keep white-on-scrim in both modes. */
html.theme-light .bulls-article__hero:not(.has-media) .bulls-article__hero-inner,
html.theme-light .bulls-article__hero:not(.has-media) .bulls-article__title { color: var(--t-fg); }
html.theme-light .bulls-article__hero:not(.has-media) .bulls-article__kicker { color: var(--c-bulls-red); }

/* Player profile — type derives from --t-*; portrait + position watermark stay
 * dark, and the sponsor/back hovers keep the red accent. */
html.theme-light .bulls-player-profile__position { color: var(--c-black-10); }
html.theme-light .bulls-player-profile__sponsor a:hover,
html.theme-light .bulls-player-profile__back a:hover { color: var(--c-bulls-red); }

/* Match centre — report/tabs/stats derive from --t-*; scoreboard board + pitch
 * stay dark. Only the minute marker keeps its deliberate red→grey flip. */
html.theme-light .bulls-mc__min { color: var(--t-fg-muted); }

/* ============================================================
 * Partners — the logos are normalised to WHITE for the dark default
 * (grayscale + brightness(0) + invert(1)). On the light canvas white logos
 * vanish, so drop the invert to render them BLACK instead.
 * ============================================================ */
html.theme-light .bulls-partners-tier__logo img,
html.theme-light .bulls-partners-official__grid img { filter: none; }   /* client 13 Jun: full-colour logos on the light canvas */
/* The pale red-300 eyebrows read low-contrast on the light canvas → full brand red. */
html.theme-light .bulls-partners-page__kicker,
html.theme-light .bulls-partners-official__label { color: var(--c-bulls-red); }
/* "Partner with the Bulls" CTA keeps its dark --grad-ink panel in light mode, so its
   text tokens must stay LIGHT (else --t-fg flips to ink = black-on-dark). Re-pin. */
html.theme-light .bulls-partners-cta {
	--t-fg:      var(--c-white);
	--t-fg-body: var(--c-white-82);
}

/* Player sponsor logos now render on a white chip in natural colour (see
   player-card.css / player-profile.css) — no light-mode filter flip needed. */