/* MODE SOMBRE — retouches faites à la main (chargées après sombre.css, qui est généré par tools/generer_sombre.py). */

/* Le grand vinyle argenté derrière l'écran de connexion : très discret dans le noir */
html[data-theme="sombre"] .auth-fond { opacity: .07; }
/* Boutons blancs posés sur un bloc jaune : ils restent blancs */
html[data-theme="sombre"] .ob-etape .btn-fantome { background: #fff; }
/* Les étapes du bloc Bienvenue (sur fond jaune) */
html[data-theme="sombre"] .ob-etape { background: rgba(255, 255, 255, .55); }
html[data-theme="sombre"] .ob-etape.faite { background: rgba(255, 255, 255, .28); }
/* Les champs : un peu de relief */
html[data-theme="sombre"] input::placeholder { color: rgba(236, 235, 246, .45); }
/* Images et logos sombres : un léger halo pour qu'ils ne disparaissent pas */
html[data-theme="sombre"] .marque-logo { filter: drop-shadow(0 0 1px rgba(255, 255, 255, .35)); }

/* Tranches dorées et platine de l'étagère : fond clair, donc encre foncée (sinon l'album devient illisible) */


/* Échanges : badges et statuts lisibles en sombre */
html[data-theme="sombre"] .ech-badge { background: #2e2b48; color: #d4d7e6; }
html[data-theme="sombre"] .ech-badge.wl { background: #4a1d3a; color: #ffb3dc; }
html[data-theme="sombre"] .ech-badge.manque { background: #123a48; color: #9ae8ff; }
html[data-theme="sombre"] .ech-badge.fav { background: #4a3d10; color: #ffe58a; }
html[data-theme="sombre"] .ech-statut { background: #2e2b48; color: #d4d7e6; }
html[data-theme="sombre"] .ech-statut.s-pending { background: #4a3d10; color: #ffe58a; }
html[data-theme="sombre"] .ech-statut.s-accepted { background: #123d27; color: #8ff0b6; }
html[data-theme="sombre"] .ech-statut.s-failed, html[data-theme="sombre"] .ech-statut.s-declined { background: #4a1820; color: #ffb3bd; }
html[data-theme="sombre"] .ech-tuile.choisie { background: #3a3520; --encre: #ecebf6; --gris: #c9cbe0; color: #ecebf6; box-shadow: inset 0 0 0 3px var(--jaune); }
html[data-theme="sombre"] .ech-raison, html[data-theme="sombre"] .ech-alerte { color: #ff9aa9; }
/* Boutique : la pièce « 100 % » du jeton de presse garde ses couleurs d'or */
.bq-jeton-visuel { background: radial-gradient(circle at 35% 30%, #fff6c8, #ffd84a 40%, #c8921a 75%, #8a5a00) !important; }
.bq-jeton-visuel span { color: #3a2600 !important; text-shadow: 0 1px 0 rgba(255,255,255,.5) !important; }
/* Pochette du jour : essais, indices, saisie et partage lisibles dans le noir */
html[data-theme="sombre"] .pc-essais li.ko { background: rgba(255, 92, 122, .16); color: #ffb3c1; box-shadow: inset 3px 0 0 #ff5c7a; }
html[data-theme="sombre"] .pc-essais li.ok { background: rgba(46, 204, 113, .16); color: #9ff0bf; box-shadow: inset 3px 0 0 #2ecc71; }
html[data-theme="sombre"] .pc-indices { color: #d4d7e6; }
html[data-theme="sombre"] .pc-indices li::marker { color: var(--jaune); }
html[data-theme="sombre"] .pc-form input { background: #1f1c38; color: #fff; border-color: rgba(255, 255, 255, .35); }
html[data-theme="sombre"] .pc-form input:focus { border-color: var(--jaune); outline: none; }
html[data-theme="sombre"] .pc-form .btn { background: var(--jaune); color: #17152b; }
html[data-theme="sombre"] .pc-msg { color: #ff8fa3; }
html[data-theme="sombre"] .pc-image { box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 4px 6px 0 rgba(0, 0, 0, .45); }
html[data-theme="sombre"] .pc-partage { background: #1f1c38; color: #ecebf6; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
html[data-theme="sombre"] .pc-cta { color: #17152b; }
/* Artistes indé : champs et tuiles lisibles dans le noir */
html[data-theme="sombre"] .ar-tuile, html[data-theme="sombre"] .ar-titre { background: #1f1c38; }
html[data-theme="sombre"] .ar-tuile:hover, html[data-theme="sombre"] .ar-tuile:focus-visible { box-shadow: inset 0 0 0 2px #ecebf6; }
html[data-theme="sombre"] .ar-form input, html[data-theme="sombre"] .ar-form textarea,
html[data-theme="sombre"] .ar-invit-ligne input,
html[data-theme="sombre"] .ga-champs input, html[data-theme="sombre"] .ga-champs textarea { background: #1f1c38; color: #fff; border-color: rgba(255, 255, 255, .35); }
html[data-theme="sombre"] .ga-form { background: rgba(255, 255, 255, .04); }
html[data-theme="sombre"] .ar-titre.possede .ar-titre-etat { color: #7ff0d4; }
html[data-theme="sombre"] .ga-danger { color: #ff8fa3; }
/* Catalogue média : survols et liens lisibles dans le noir */
html[data-theme="sombre"] .md-titre:hover, html[data-theme="sombre"] .md-album:hover, html[data-theme="sombre"] .md-similaire:hover,
html[data-theme="sombre"] .md-album:focus-visible, html[data-theme="sombre"] .md-similaire:focus-visible { background: rgba(255, 255, 255, .06); }
html[data-theme="sombre"] .cat-lien:hover, html[data-theme="sombre"] .fiche-lien:hover { color: #fff; }
html[data-theme="sombre"] .md-ecoute { background: #ecebf6; color: #17152b; }
html[data-theme="sombre"] .md-progression { background: rgba(255, 255, 255, .14); }
html[data-theme="sombre"] .md-nbwl { color: #ff8fb1; }
html[data-theme="sombre"] .fiche-lien { text-decoration-color: rgba(255, 255, 255, .35); }
html[data-theme="sombre"] .gp-horloge.ok { color: #9ff0bf; }
html[data-theme="sombre"] .gp-horloge.ko { color: #ffb3c1; }