/* =====================================================================
   SOIRÉE EN THÈME CLAIR (index.html) — 2026-08-29, correction Hamadi
   « je ne veux plus de fond noir, reprends la charte de l'organisation des
   jeux » : la soirée live passe en CLAIR ivoire, accent PRUNE (couleur du
   monde des jeux). Chargée UNIQUEMENT par index.html, scopée html.soiree-clair.
   Les couleurs d'équipes (rouge/bleu/vert/or) restent, ce sont des identités.
   ===================================================================== */

html.soiree-clair {
  --fond: #f7f2e9;
  --fond2: #efe6d5;
  --carte: #fffdf8;
  --texte: #2a2420;
  --texte2: #6a5f52;
  --or: #6d3b52;        /* l'accent « jeux » = PRUNE (titres, étapes, mises en avant) */
  --or-fonce: #7a3f5c;
  --rouge: #c0392b;
  --vert: #2f6a45;
  --sc-bord: rgba(42, 36, 32, .14);
  --sc-carte: #fffdf8;
  --sc-prune: #6d3b52; --sc-prune-clair: #9a5b78; --sc-prunebg: #f0e2ea;
  --sc-orgold: #a98307; /* le vrai or reste dispo pour quelques détails chauds */
}
html.soiree-clair, html.soiree-clair body { background: var(--fond); color: var(--texte); }

/* ---------- Scène + carte de lecture ---------- */
html.soiree-clair .titre-jeu, html.soiree-clair .etape { color: var(--sc-prune); }
html.soiree-clair .item-affichage, html.soiree-clair .accroche, html.soiree-clair .liaison { color: var(--texte); }
html.soiree-clair .item-reponse { background: var(--sc-prunebg); border: 2px solid var(--sc-prune); color: var(--sc-prune); }
html.soiree-clair .item-consigne, html.soiree-clair .item-compteur, html.soiree-clair .pied-carte, html.soiree-clair .teaser { color: var(--texte2); }
html.soiree-clair .puces-scene li { border-bottom: 1px solid var(--sc-bord); }
html.soiree-clair .puces-scene li::before { color: var(--sc-prune); }
html.soiree-clair .transition-fond { background: radial-gradient(ellipse at top, #efe6d5, var(--fond) 70%); }
html.soiree-clair .checkpoint { background: #e3f0e6; border: 1px solid #b8d8c2; color: #2f6a45; }
html.soiree-clair .ligne-cl { border-bottom: 1px solid var(--sc-bord); }
html.soiree-clair .ligne-cl .rang, html.soiree-clair .teaser .prochain { color: var(--sc-prune); }

/* ---------- Boutons ---------- */
html.soiree-clair .btn { background: #f0e7d6; color: var(--texte); border: 1px solid var(--sc-bord); }
html.soiree-clair .btn-or { background: linear-gradient(160deg, var(--sc-prune-clair), var(--sc-prune)); color: #fff; border: none; }
html.soiree-clair .btn-mini { background: #f0e7d6; color: var(--texte2); border: 1px solid var(--sc-bord); }
html.soiree-clair .btn-danger { background: #f5dcd8; color: #a3352b; border: 1px solid #e2b8b1; }
html.soiree-clair .btn-ordre { background: #f0e7d6; color: var(--texte2); border: 1px solid var(--sc-bord); }
html.soiree-clair .btn-juste.actif { background: var(--vert); color: #fff; }

/* ---------- Zone pouce + points libres ---------- */
html.soiree-clair #zone-pouce { background: rgba(247, 242, 233, .97); border-top: 1px solid var(--sc-bord); box-shadow: 0 -6px 20px -12px rgba(60, 45, 20, .25); backdrop-filter: blur(8px); }
html.soiree-clair .pts-libres { background: var(--sc-prunebg); border: 1px solid var(--sc-bord); }
html.soiree-clair .pl-titre { color: var(--sc-prune); }
html.soiree-clair .pl-eq { background: #fff; border: 1px solid var(--sc-bord); }
html.soiree-clair .pl-score { color: var(--sc-prune); }
html.soiree-clair .pl-b { color: #fff; }
html.soiree-clair .pl-moins { background: #c8bda3; color: #4a4436; }
html.soiree-clair .pl-plus { background: linear-gradient(160deg, var(--sc-prune-clair), var(--sc-prune)); }

/* ---------- Mini-classement + cartes d'équipe (plus MINIMALISTES : voir app.css) ---------- */
html.soiree-clair .chip-eq { background: #fff; border: 1px solid var(--sc-bord); }
html.soiree-clair .chip-eq .nom-c { color: var(--texte2); }
html.soiree-clair .carte-eq { background: var(--sc-carte); border: 1px solid var(--sc-bord); }
html.soiree-clair .carte-eq .manche-eq { color: var(--texte2); }
html.soiree-clair .btn-victoire { background: #f0e7d6; color: var(--texte); border: 1px solid var(--sc-bord); }

/* ---------- Chrono / applaudimètre / stats ---------- */
html.soiree-clair .chrono.fin { color: var(--rouge); }
html.soiree-clair .jauge-applaudi { background: #e6dcc6; border: 1px solid var(--sc-bord); }
html.soiree-clair .jauge-barre { background: linear-gradient(90deg, var(--sc-prune-clair), var(--sc-prune)); }
html.soiree-clair .res-tete { color: var(--texte); }
html.soiree-clair .res-tete b, html.soiree-clair #applaudi-compte, html.soiree-clair #applaudi-msg { color: var(--sc-prune); }
html.soiree-clair .grille-stats .stat-case { background: #fff; border: 1px solid var(--sc-bord); }
html.soiree-clair .stat-v { color: var(--sc-prune); }
html.soiree-clair .stat-l { color: var(--texte2); }

/* ---------- Podium ---------- */
html.soiree-clair .podium-rang .place { color: var(--sc-prune); }
html.soiree-clair .multi-prix { background: var(--sc-carte); border: 1px solid var(--sc-bord); }
html.soiree-clair .multi-prix b { color: var(--sc-prune); }

/* ---------- Blocs / panneaux / feuilles / champs ---------- */
html.soiree-clair .bloc { background: var(--sc-carte); border: 1px solid var(--sc-bord); }
html.soiree-clair .bloc h3, html.soiree-clair .panneau h1 { color: var(--sc-prune); }
html.soiree-clair .bloc p, html.soiree-clair .panneau .sous, html.soiree-clair .note-bloc { color: var(--texte2); }
html.soiree-clair .note-bloc { border-left-color: var(--sc-prune); }
html.soiree-clair input[type=text], html.soiree-clair textarea { background: #fff; border: 1px solid var(--sc-bord); color: var(--texte); }
html.soiree-clair .feuille { background: var(--fond2); border-top: 2px solid var(--sc-prune); }
html.soiree-clair .feuille h3 { color: var(--sc-prune); }
html.soiree-clair .feuille p { color: var(--texte2); }
html.soiree-clair .badge-tag { background: var(--sc-prunebg); color: var(--sc-prune); }
html.soiree-clair .ligne-jeu { border-bottom: 1px solid var(--sc-bord); }
html.soiree-clair .ligne-jeu .meta-j { color: var(--texte2); }
html.soiree-clair #bandeau { background: var(--fond2); border-bottom: 1px solid var(--sc-bord); color: var(--texte2); }
html.soiree-clair #bandeau .fort { color: var(--texte); }

/* ---------- Accueil soirée ---------- */
html.soiree-clair .marque-soiree .ms-sur { color: var(--sc-prune); }
html.soiree-clair .marque-soiree img { filter: drop-shadow(0 0 10px rgba(109, 59, 82, .28)); }

/* Le mode POCHE reste sombre (verrouillage écran = volontairement noir). */