/*
  Mode nuit (D-AJ, retours du 2026-11-03). Par défaut, l'application suit le réglage du téléphone ou du PC
  (prefers-color-scheme) ; le bouton lune / soleil du bandeau force le mode jour ou nuit (cookie « theme »).
  Seules les variables changent : les mêmes valeurs sont posées pour le mode automatique et le mode forcé.
  Valeurs provisoires, à faire valider (contrastes mesurés à l'œil, pas encore inscrits dans la charte C-04).
*/
:root {
  --fond-sombre: var(--carnet-encre);
  --texte-sur-sombre: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    color-scheme: dark;
    --carnet-papier: #10161C;
    --carnet-papier-fonce: #161E25;
    --carnet-encre: #E4EAF0;
    --carnet-ombre: #2A3540;
    --carnet-ocre-clair: #3A2E12;
    --carnet-ocre-texte: #E8B54A;
    --couleur-blanc: #1A232C;
    --couleur-fond: #10161C;
    --couleur-texte-doux: #A3B1BC;
    --couleur-bordure: #33414D;
    --couleur-bordure-champ: #6C7B87;
    --couleur-bleu-action: #3E9BD1;
    --couleur-bleu-profond: #1E5A7D;
    --couleur-bleu-clair: #16354A;
    --couleur-bleu-glacier: #132A3A;
    --couleur-rouge-danger: #F06A66;
    --couleur-rouge-clair: #3D1A1A;
    --couleur-succes: #3FB264;
    --couleur-succes-clair: #173523;
    --couleur-attention: #E8B54A;
    --couleur-attention-clair: #3A2E12;
    --couleur-neutre-clair: #222C35;
    --couleur-desactive-fond: #222C35;
    --couleur-desactive-texte: #8C99A3;
    --fond-sombre: #0A1E2E;
  }
}
:root[data-theme="sombre"] {
  color-scheme: dark;
  --carnet-papier: #10161C;
  --carnet-papier-fonce: #161E25;
  --carnet-encre: #E4EAF0;
  --carnet-ombre: #2A3540;
  --carnet-ocre-clair: #3A2E12;
  --carnet-ocre-texte: #E8B54A;
  --couleur-blanc: #1A232C;
  --couleur-fond: #10161C;
  --couleur-texte-doux: #A3B1BC;
  --couleur-bordure: #33414D;
  --couleur-bordure-champ: #6C7B87;
  --couleur-bleu-action: #3E9BD1;
  --couleur-bleu-profond: #1E5A7D;
  --couleur-bleu-clair: #16354A;
  --couleur-bleu-glacier: #132A3A;
  --couleur-rouge-danger: #F06A66;
  --couleur-rouge-clair: #3D1A1A;
  --couleur-succes: #3FB264;
  --couleur-succes-clair: #173523;
  --couleur-attention: #E8B54A;
  --couleur-attention-clair: #3A2E12;
  --couleur-neutre-clair: #222C35;
  --couleur-desactive-fond: #222C35;
  --couleur-desactive-texte: #8C99A3;
  --fond-sombre: #0A1E2E;
}

/* En mode nuit, la plaque du logo reste blanche (logo bleu et rouge) et les boutons « encre » passent en bleu. */
:root[data-theme="sombre"] .plaque { background: #FFFFFF; }
:root[data-theme="sombre"] .bouton-encre:not(.bouton-contour):not(.bouton-vert):not(.bouton-rouge) { background: var(--couleur-bleu-profond); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) .plaque { background: #FFFFFF; }
  :root:not([data-theme="clair"]) .bouton-encre:not(.bouton-contour):not(.bouton-vert):not(.bouton-rouge) { background: var(--couleur-bleu-profond); }
}

/* Bouton lune / soleil du bandeau */
.bouton-theme { background: transparent; border: 1px solid rgba(255, 255, 255, .45); color: var(--texte-sur-sombre); border-radius: 999px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; }
.bouton-theme svg { width: 18px; height: 18px; }

/* Titres lisibles sur fond sombre (le bleu profond des titres y manquait de contraste). */
:root[data-theme="sombre"] :is(h1, h2, h3, .jour-titre, .jour-titre__total) { color: #8CCBF0; }
:root[data-theme="sombre"] button[disabled], :root[data-theme="sombre"] .bouton-encre[disabled] { opacity: .5; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) :is(h1, h2, h3, .jour-titre, .jour-titre__total) { color: #8CCBF0; }
}
.bouton-encre[disabled] { opacity: .5; cursor: not-allowed; }