/* ===== Thème sombre du back-office (couleurs validées le 06/10/2026) =====
   Chargé après scaninv.css, seulement à l'écran : si l'utilisateur a choisi « Sombre » dans « Mon compte »,
   ou « Automatique » avec un ordinateur réglé en sombre (voir base.html). L'impression reste toujours claire.
   Les variables gardent leur nom de la charte, leur rôle reste le même : --blanc est le fond, --nuit le texte. */
:root {
  color-scheme: dark;     /* cases, listes déroulantes et barres de défilement du navigateur en sombre */
  --blanc: #0B1220;       /* fond */
  --nuit: #F1F4F8;        /* textes */
  --brume: #151E30;       /* surfaces */
  --acier: #2A3650;       /* bordures */
  --ardoise: #A9B4C8;     /* textes secondaires */
  --vert-texte: #1FFF6F;  /* liens : le vert électrique est lisible sur fond sombre */
  --manque: #FF8A7A;      /* écart négatif */
  --surplus: #F2B95C;     /* écart positif */
  /* Familles des boutons secondaires (piste 3Y, 13/10/2026) */
  --voir-fond: #18264A; --voir-trait: #8FA8FF; --voir-texte: #C9D6FF;
  --ajout-fond: #0F2E1E; --ajout-trait: #1FFF6F; --ajout-texte: #B8FFD3;
  --modif-fond: #261C45; --modif-trait: #B4A2FF; --modif-texte: #DCD3FF;
  --grave-fond: #3A1A17;
}

/* Le vert électrique garde toujours un texte noir bleuté par-dessus */
.bouton, .message.ok::before { color: #0B1220; }

/* Logo : coins et nom en clair */
.logo svg path { stroke: var(--nuit); }
.logo svg text { fill: var(--nuit); }

/* Fonds forts du thème clair (noir bleuté) : en sombre, une surface avec une bordure */
.bandeau { background: var(--brume); color: var(--nuit); border: 1px solid var(--acier); }
.bouton-danger { color: #0B1220; }  /* rouge clair des manques en fond : texte noir bleuté */
.bandeau a { color: var(--vert-texte); }
.encadre-aide::before, .message::before, .erreur-champ::before, .etapes-import li[aria-current="step"]::before {
  background: var(--acier); color: #1FFF6F; border-color: var(--acier);
}
/* Coches des étapes faites : sur le vert électrique, toujours un texte noir bleuté */
.etapes-import li.faite::before, .recap-pret .oui { color: #0B1220; }
.acces-visuel { background: var(--brume); }
.viseur-deco .coin { border-color: var(--nuit); }
.viseur-deco .code-barres span { background: var(--nuit); }
tbody tr:hover td { background: var(--brume); }

/* QR codes : toujours sombres sur fond blanc, sinon les téléphones ne les lisent pas */
.qr-grand, .qr-petit, .etiquette-qr, .feuille-a4 {
  --blanc: #FFFFFF; --nuit: #0B1220; --brume: #F1F4F8; --acier: #D3DAE5; --ardoise: #4B5A78;
  background: #FFFFFF; color: #0B1220;
}