/* MediPharmActu — Mode sombre
   Surcharge les variables :root définies dans chaque feuille de style
   (auth.css, actualites.css, evenements.css, decryptages.css, admin.css)
   quand l'attribut data-theme="sombre" est posé sur <html>.
   Un seul fichier à maintenir pour toute l'application. */

:root[data-theme="sombre"] {
  --ink: #e7edec;
  --ink-soft: #9fb3b1;
  --paper: #0f1a1c;
  --paper-raised: #17272a;
  --primary: #2f93a1;
  --primary-sombre: #1c6773;
  --line: #2b3d40;
  --error: #e0836d;
}

/* Ombres plus discrètes sur fond sombre (les ombres claires ressortent mal) */
:root[data-theme="sombre"] .card,
:root[data-theme="sombre"] .article,
:root[data-theme="sombre"] .evenement,
:root[data-theme="sombre"] .decryptage {
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

/* --- Bouton bascule clair/sombre --- */
.bouton-theme {
  background: transparent;
  border: 1.5px solid rgba(238,243,242,0.4);
  color: inherit;
  border-radius: 3px;
  padding: 7px 11px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1;
  margin-right: 8px;
}
.bouton-theme:hover { background: rgba(238,243,242,0.1); }

/* Sur les écrans d'authentification (pas de masthead sombre), le bouton
   a besoin d'un contraste adapté au fond clair de la carte. */
.card .bouton-theme {
  border-color: var(--line);
  color: var(--ink-soft);
  position: absolute;
  top: 16px;
  right: 16px;
}
.card .bouton-theme:hover { background: rgba(23,38,42,0.06); }