/* La Nuit : les mêmes jetons, retournés. html[data-mode="nuit"], ou « auto » quand le système est sombre. */
.theme-choix { display: flex; gap: 2px; padding: 3px; border-radius: 12px; background: var(--doux); }
.theme-btn { min-width: 44px; height: 40px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: var(--encre-2); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.theme-btn[aria-pressed="true"] { background: var(--carte); color: var(--encre); box-shadow: var(--ombre-bascule); }
@media (max-width: 720px) { .theme-choix .theme-btn[data-theme-choix="auto"] { display: none; } }

html[data-mode="nuit"] {
  --fond: #0b0b0c; --carte: #161618; --doux: #1e1e21; --papier: #1a1a1c; --trait: #2a2a2e; --trait-2: #3a3a3f; --trait-champ: #4a4a50;
  --encre: #f3f3f1; --encre-2: rgba(243,243,241,.78); --encre-3: rgba(243,243,241,.58);
  --dock: #161618; color-scheme: dark;
}
/* ce qui était « encre sur blanc » garde son contraste une fois retourné */
html[data-mode="nuit"] .bouton.noir, html[data-mode="nuit"] .outil-noir { background: var(--encre); color: #0b0b0c; border-color: var(--encre); }
html[data-mode="nuit"] .bouton { background: var(--carte); color: var(--encre); border-color: var(--trait-2); }
html[data-mode="nuit"] .opt { background: var(--carte); color: var(--encre); border-color: var(--trait-2); }
html[data-mode="nuit"] .opt[aria-pressed="true"] { background: var(--encre); color: #0b0b0c; border-color: var(--encre); }
html[data-mode="nuit"] .champ { background: var(--doux); color: var(--encre); border-color: var(--trait-champ); }
html[data-mode="nuit"] .dock-haut .dock-ligne { background: var(--carte); box-shadow: 0 14px 36px rgba(0,0,0,.5); }
html[data-mode="nuit"] .outil { color: var(--encre); } html[data-mode="nuit"] .outil:hover { background: var(--doux); color: var(--encre); }
html[data-mode="nuit"] .marque { color: var(--encre); }
html[data-mode="nuit"] .cal-j { background: var(--carte); color: var(--encre); border-color: var(--trait-2); }
html[data-mode="nuit"] .cal-j.option { background: #3a2f12; border-color: var(--option-trait); }
html[data-mode="nuit"] .cal-j.libre { background: var(--encre); color: #0b0b0c; }
html[data-mode="nuit"] .bloc.sombre { background: #000; border-color: var(--trait-2); }
html[data-mode="nuit"] .bande-sombre { background: #000; }
html[data-mode="nuit"] .feuille { background: #1c1a16; }
html[data-mode="nuit"] .archive.attente { background: repeating-linear-gradient(-45deg, transparent 0 10px, rgba(255,255,255,.03) 10px 11px), var(--carte); }
html[data-mode="nuit"] .legende-archive { background: linear-gradient(transparent, rgba(22,22,24,.92) 30%); }
html[data-mode="nuit"] .niveaux-liste li:first-child { background: var(--encre); color: #0b0b0c; } html[data-mode="nuit"] .niveaux-liste li:first-child p, html[data-mode="nuit"] .niveaux-liste li:first-child small { color: rgba(11,11,12,.7); }
html[data-mode="nuit"] .preuve.document, html[data-mode="nuit"] .statut.prive { background: var(--encre); color: #0b0b0c; }
html[data-mode="nuit"] .etat.prod { background: var(--encre); color: #0b0b0c; }
html[data-mode="nuit"] .liste-admin li.actif .ligne { background: var(--encre); color: #0b0b0c; } html[data-mode="nuit"] .liste-admin li.actif .an { color: rgba(11,11,12,.6); }
html[data-mode="nuit"] .onglets .opt[aria-selected="true"] { background: var(--encre); color: #0b0b0c; }
html[data-mode="nuit"] .avertissement { background: #3a2f12; box-shadow: inset 0 0 0 1px var(--option-trait); }
html[data-mode="nuit"] .grand-an { -webkit-text-stroke-color: var(--encre); }
html[data-mode="nuit"] .conclusion blockquote p { background-image: linear-gradient(100deg, var(--encre) 30%, var(--orbe-ecoute), var(--orbe-lecture-1), var(--encre) 70%); }
html[data-mode="nuit"] .pied { background: var(--fond); }
html[data-mode="nuit"] .lieu[aria-current="true"] { color: #0b0b0c; }
html[data-mode="nuit"] .studio-papier, html[data-mode="nuit"] .visite-bulle { background: var(--carte); box-shadow: 0 0 0 1px var(--trait); }
html[data-mode="nuit"] .carrousel-points button { background: var(--carte); color: var(--encre); }
html[data-mode="nuit"] .carrousel-points button[aria-current="true"] { background: var(--encre); color: #0b0b0c; }
html[data-mode="nuit"] mark.info-remplie { color: #0b0b0c; }
html[data-mode="nuit"] .forme-part { background: #000; box-shadow: inset 0 0 0 1px var(--trait-2); }
html[data-mode="nuit"] .ecran-bascule[aria-pressed="true"], html[data-mode="nuit"] .halo-mode[aria-pressed="true"] { background: var(--encre); color: #0b0b0c; }
html[data-mode="nuit"] .bientot, html[data-mode="nuit"] .ecran-dossiers button[aria-current="true"] { color: #0b0b0c; }
html[data-mode="nuit"] .bloc .actions-bloc button, html[data-mode="nuit"] .barre-bloc { background: var(--carte); }
html[data-mode="nuit"] .lien-evitement { color: #0b0b0c; }
@media (max-width: 480px) { .dock-haut .carre-orbe, .dock-haut .carre-orbe + .separateur { display: none; } .dock-haut .outil { padding: 0 8px; font-size: 14px; } .theme-btn { min-width: 40px; padding: 0 6px; font-size: 12px; } }