/* V116 — Le thème « jour » (section 15 du prompt).
 *
 * Même structure, mêmes composants, mêmes commandes aux mêmes endroits :
 * seule l'atmosphère change. La nuit (thème par défaut) reste définie dans
 * arena-app.css / arena-ui.css ; ce fichier ne redéfinit que les jetons de
 * couleur et les quelques fonds écrits en dur pour la nuit.
 *
 * Ambiance jour : sable chaud, blanc cassé, ocre ; l'or ArenaLive reste la
 * couleur d'action ; les contrastes texte/fond dépassent 7:1 (texte
 * principal) et 4.5:1 (secondaire). Les couvertures de jeux portent leur
 * propre fond : elles restent lisibles telles quelles.
 */
html[data-theme="light"]{
  --bg:#F6F1E8;--bg2:#FFFFFF;--bg3:#F0E8DA;
  --text:#1B1712;--text2:#524B41;--text3:#7A7267;
  --border:rgba(60,42,16,.13);--card:rgba(60,42,16,.045);
  --gold:#D98A0A;--gold2:#B8730A;
  --green:#15803D;--red:#C62828;--blue:#1D4ED8;--cyan:#0E7490;--purple:#6D28D9;--orange:#C2410C;
  color-scheme:light;
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}

/* Navigation : blanc translucide au lieu du noir translucide. */
html[data-theme="light"] .nav{background:rgba(255,255,255,.92);border-bottom-color:var(--border)}
html[data-theme="light"] .nav.scrolled{background:rgba(255,255,255,.97)}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.86);border-color:var(--border);box-shadow:0 10px 30px rgba(60,42,16,.15)}
html[data-theme="light"] .bn-item{color:var(--text2)}
html[data-theme="light"] .bn-item.active{color:var(--gold)}
html[data-theme="light"] .mob-menu{background:var(--bg2)}
html[data-theme="light"] .logo{color:var(--text)}

/* L'accroche : un matin ensoleillé — sable, ocre, une touche de vert. */
html[data-theme="light"] .hero{background:linear-gradient(180deg,#FFF7E8 0%,#F6F1E8 70%,#F6F1E8 100%)}
html[data-theme="light"] .hero .orb.o1{background:#F5A623;opacity:.32}
html[data-theme="light"] .hero .orb.o2{background:#15803D;opacity:.16}
html[data-theme="light"] .hero-africa{opacity:.22}
html[data-theme="light"] .hero-title,html[data-theme="light"] .hero-desc{color:var(--text)}
html[data-theme="light"] .hero-desc{color:var(--text2)}
html[data-theme="light"] .hs-card{background:#fff;border-color:var(--border);box-shadow:0 14px 34px rgba(60,42,16,.12)}

/* Sections et cartes : blanc sur sable, ombres chaudes et légères. */
html[data-theme="light"] .sec-dark{background:#EFE7D9}
html[data-theme="light"] .gc{background:#fff;border-color:var(--border);box-shadow:0 8px 22px rgba(60,42,16,.10),inset 0 1px 0 #fff}
html[data-theme="light"] .gc:hover{border-color:rgba(217,138,10,.4);box-shadow:0 16px 36px rgba(60,42,16,.16)}
html[data-theme="light"] .gc-act .gact{background:#fff;border-color:var(--border);color:var(--text)}
html[data-theme="light"] .gact.primary{background:#F5A623;color:#1B1712;border-color:#F5A623}
html[data-theme="light"] .gtag{background:rgba(60,42,16,.06);color:var(--text2)}
html[data-theme="light"] .gtab{background:#fff;border-color:var(--border);color:var(--text2)}
html[data-theme="light"] .gtab.active{background:#F5A623;color:#1B1712;border-color:#F5A623}
html[data-theme="light"] .tc,html[data-theme="light"] .pcard,html[data-theme="light"] .mbox,html[data-theme="light"] .notif-panel,html[data-theme="light"] .chatbot-panel,html[data-theme="light"] .footer{background:#fff;border-color:var(--border)}
html[data-theme="light"] .lrow{background:#fff}
html[data-theme="light"] .lrow.me{background:rgba(245,166,35,.12)}
html[data-theme="light"] .ttransp,html[data-theme="light"] .user-pill,html[data-theme="light"] .fg input,html[data-theme="light"] .fg select,html[data-theme="light"] .fg textarea{background:#fff}
html[data-theme="light"] .info-box{background:rgba(217,138,10,.08);border-color:rgba(217,138,10,.3);color:var(--text2)}
html[data-theme="light"] .warn-box{background:rgba(198,40,40,.07);border-color:rgba(198,40,40,.3);color:#9F1D1D}
html[data-theme="light"] .success-box{background:rgba(21,128,61,.08);border-color:rgba(21,128,61,.3);color:#14532D}
html[data-theme="light"] .bp{background:#F5A623;color:#1B1712}
html[data-theme="light"] .bg{border-color:var(--border);color:var(--text);background:#fff}
html[data-theme="light"] .toast{background:#1B1712;color:#fff}
html[data-theme="light"] .badge{border-color:var(--border)}
html[data-theme="light"] .eyebrow{color:var(--gold2)}
html[data-theme="light"] .prank-b{background:rgba(245,166,35,.12)!important}

/* Composants V65 (arena-ui.css) : leurs jetons suivent, quelques fonds en dur. */
html[data-theme="light"] .al-postgame,html[data-theme="light"] .al-banner,html[data-theme="light"] .al-freeplays{background:#fff;border-color:var(--border);box-shadow:0 -10px 30px rgba(60,42,16,.12)}
html[data-theme="light"] .al-btn{background:#fff;border-color:var(--border);color:var(--text)}
html[data-theme="light"] .al-btn.primary{background:#F5A623;border-color:#F5A623;color:#1B1712}

/* Le lecteur de jeu reste sombre (les jeux portent leur propre lumière),
   mais sa barre suit le thème pour ne pas jurer avec la page. */
html[data-theme="light"] .game-hud{background:rgba(255,255,255,.96);border-bottom-color:var(--border)}
html[data-theme="light"] .hud-btn{background:#fff;border-color:var(--border);color:var(--text)}
html[data-theme="light"] .game-menu{background:#fff;border-color:var(--border);box-shadow:0 18px 50px rgba(60,42,16,.22)}
html[data-theme="light"] .game-menu button{color:var(--text)}
html[data-theme="light"] .game-menu button.danger{color:#9F1D1D}
html[data-theme="light"] .game-cost-badge{background:rgba(217,138,10,.12);border-color:rgba(217,138,10,.35)}

/* Le bouton de bascule. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;font-size:1.05rem;line-height:1;flex-shrink:0}
.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--gold);outline:none}
.low-data-toggle[data-theme-toggle]{display:flex;gap:.4rem;align-items:center}
@media(max-width:640px){.nav-right .theme-toggle{display:none}}