/* Thème clair des accueils « repêchage » (.fzh) et « saison » (.fzs), plus
 * deux retouches de l'accueil sans pool (section 5).
 *
 * accueil-draft.css et accueil-season.css ont été dessinés sombres, avec
 * leurs couleurs en dur ; accueil-palette.css en remplace une partie par les
 * jetons --fzh-*. En thème clair, rien ne les rendait clairs : l'accueil
 * restait un bloc noir au milieu d'une barre et d'un menu blancs.
 *
 * Deux étages, chargés APRÈS toutes les feuilles de l'accueil :
 *   1. les jetons --fzh-* : ils pointent sur les jetons globaux d'index.css
 *      et basculent donc seuls ; il ne reste ici que ceux qui diffèrent ;
 *   2. les couleurs restées en dur dans les feuilles sombres sont reprises
 *      une à une, sous html[data-theme="light"] seulement.
 *
 * Le thème sombre n'est pas touché par ce fichier. Les panneaux photo (glace,
 * actualités) restent sombres dans les deux thèmes, comme une photo.
 *
 * Mêmes valeurs que le tableau de bord clair (accueil-dash.css) : l'échelle
 * claire d'Apple — page #F5F5F7, panneaux blancs, encre #1D1D1F, rouge
 * --primary. Le texte secondaire (#6E6E73) garde 5,07:1 sur blanc.
 */

/* ─────────────────────────── 1. Jetons ─────────────────────────── */

/* Voile rouge plus léger qu'en sombre : --primary-text y tient 4,6:1. */
html[data-theme="light"] #fzDashSection {
    --fzh-tint: rgba(var(--primary-rgb), .1);
}

/* Les deux accueils posent leur propre --fzd-solid (rouge) : en clair,
   la puce de jour choisie reprend l'encre du tableau de bord clair. */
html[data-theme="light"] #fzDashSection:is(.is-drafting, .is-season) .fz-dash {
    --fzd-solid: #1D1D1F;
    --fzd-solid-hover: #000000;
    --fzd-on-solid: #FFFFFF;
    --fzd-on-solid-soft: rgba(255, 255, 255, .7);
}

/* ─────────────────── 2. Accueil repêchage (.fzh) ─────────────────── */

html[data-theme="light"] .fzh h2 { color: var(--fzh-ink); }
html[data-theme="light"] .fzh :is(.fzh-eyebrow, .fzh-game p, .fzh-empty) { color: var(--fzh-muted); }
/* Le héros du repêchage (accueil-draft-hero.css) reste sombre dans les deux
   thèmes, comme sur la maquette : il n'a rien à reprendre ici. */

html[data-theme="light"] .fzh .fzh-game-badge:not(.is-live) { background: var(--fzh-raised); color: var(--fzh-text); }

/* Carte d'actualité. AVEC photo, c'est un voile sombre posé sur l'image : le
   texte y reste blanc dans les deux thèmes, et le fond de panneau clair de la
   palette effacerait le voile. SANS photo — un article sans image, ou le mot
   d'accueil avant le premier choix — c'est un panneau comme les autres : il
   suit le thème, sinon il faisait une dalle noire au milieu d'une page claire. */
html[data-theme="light"] #fzDashSection .fzh .fzh-news:has(.fzh-news-image) {
    background-color: #1C1C1E; border-color: transparent; color: #fff;
}
html[data-theme="light"] .fzh .fzh-news:has(.fzh-news-image) h2 { color: #fff; }
html[data-theme="light"] .fzh .fzh-news:not(:has(.fzh-news-image))::after { background: none; }
html[data-theme="light"] .fzh .fzh-news:not(:has(.fzh-news-image)) :is(h2, h2 a) { color: var(--fzh-ink); }
html[data-theme="light"] .fzh .fzh-news:not(:has(.fzh-news-image)) .fzh-news-copy p { color: var(--fzh-text); }
html[data-theme="light"] .fzh .fzh-news:not(:has(.fzh-news-image)) .fzh-news-copy small { color: var(--fzh-muted); }

html[data-theme="light"] .fzh .fzd-off-face { background: var(--fzh-raised); }

/* Le calendrier et « Mouvements récents » sont les blocs partagés du tableau
   de bord : ils lisent les jetons --fzd-*, déjà remappés en clair plus haut. */

/* ─────────────── 3. Panneaux partagés (accueil-watch.css) ─────────────── */

/* « À surveiller » a rejoint « Mouvements récents » : mêmes classes
   .fzd-off-*, mêmes jetons --fzd-*, donc plus rien à reprendre ici. Les deux
   panneaux suivent désormais l'accueil qui les héberge — clair sur le tableau
   de bord, encre sombre sur l'accueil repêchage — au lieu de se contredire
   côte à côte. La note de la trousse vit sur la fiche du joueur
   (career-modal.css) et suit le thème par ses jetons globaux. Le point
   actif est un aplat --primary, le même dans les deux thèmes. */
html[data-theme="light"] :is(.fzh, .fzs) .fzd-off-dot::after { background: var(--fzh-outline); }

/* ─────────────────── 4. Accueil saison (.fzs) ─────────────────── */

html[data-theme="light"] .fzs p,
html[data-theme="light"] .fzs .fzm-activity-text { color: var(--fzh-text); }
html[data-theme="light"] .fzs :is(.fzs-rank p span, .fzs-game footer, .fzs-player-name small) { color: var(--fzh-muted); }
html[data-theme="light"] .fzs :is(.fzs-player-name strong, .fzm-news-row, .fzm-news-headline) { color: var(--fzh-ink); }
html[data-theme="light"] .fzs .fzs-player-stats { color: var(--fzh-text); }
/* Le héros garde sa glace, fondue dans le panneau clair plutôt que noir. */
html[data-theme="light"] #fzDashSection .fzs-hero::after { background: linear-gradient(90deg, #fff 5%, #ffffffd9 45%, transparent); }
html[data-theme="light"] .fzs .fzs-ice { opacity: .18; }
/* La règle `.fzs p` ci-dessus l'emporterait sur les deux couleurs d'écart. */
html[data-theme="light"] .fzs .fzs-green { color: var(--success); }
html[data-theme="light"] .fzs .fzs-red { color: var(--primary-text); }
html[data-theme="light"] .fzs .fzs-bars i { background: var(--fzh-outline); }
html[data-theme="light"] #fzDashSection .fzs-tag:not(.is-live) { color: var(--fzh-ink); }
html[data-theme="light"] .fzs :is(.fzs-player, .fzs-stat) { border-bottom-color: var(--fzh-border); }
html[data-theme="light"] .fzs .fzm-list-row { border-color: var(--fzh-border); }
html[data-theme="light"] .fzs .fzs-stat > div { background: #E8E8ED; }
html[data-theme="light"] .fzs .fzs-dots i { background: var(--fzh-outline); }
html[data-theme="light"] .fzs .fzs-dots .is-on { background: var(--success); }
@media (max-width: 768px) {
    html[data-theme="light"] .fzs .fzs-player,
    html[data-theme="light"] .fzs .fzs-player:last-child { border-color: var(--fzh-border); }
    html[data-theme="light"] .fzs .fzs-player-stats small { border-top-color: var(--fzh-border); }
}

/* ─────────────── 5. Accueil sans pool, carte d'actualité ─────────────── */

/* Le lien d'une carte à photo vit sur le voile sombre : il garde le rouge
   texte du thème sombre (#D70015 y ferait 3:1). */
html[data-theme="light"] #fzDashSection .fzh .fzh-news:has(.fzh-news-image) .fzh-link { color: #FF5C66; }

/* Mon duel (tête-à-tête) — accueil saison, thème clair. */
html[data-theme="light"] .fzs .fzs-duel-side span { color: var(--fzh-muted); }
html[data-theme="light"] .fzs .fzs-duel-side.is-me span { color: var(--fzh-ink); }
html[data-theme="light"] .fzs .fzs-duel-side strong { color: var(--fzh-ink); }
html[data-theme="light"] .fzs .fzs-duel-score.is-ahead .fzs-duel-side.is-me strong { color: var(--success); }
html[data-theme="light"] .fzs .fzs-duel-score.is-behind .fzs-duel-side.is-me strong { color: var(--primary-text); }
html[data-theme="light"] .fzs .fzs-duel-vs,
html[data-theme="light"] .fzs .fzs-duel-prev { color: var(--fzh-muted); border-color: var(--fzh-border); }