/* assets/css/dark-mode.css
   Mörkt läge, aktiveras via body.dark-mode (satt av assets/js/dark-mode.js).
   Additiv – ändrar inget i style.css direkt, skriver bara över med :root-variabler
   där de redan används, samt ett generellt fallback-lager. */

body.dark-mode {
  background: #16141f;
  color: #e9e6f2;
}
body.dark-mode .header,
body.dark-mode .dashboard,
body.dark-mode .sidebar,
body.dark-mode .card,
body.dark-mode .table-card,
body.dark-mode .content-empty,
body.dark-mode footer {
  background: #201d2c;
  color: #e9e6f2;
  border-color: #332f45;
}
body.dark-mode a { color: #f2a9b0; }
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background: #16141f;
  color: #e9e6f2;
  border: 1px solid #332f45;
}
body.dark-mode .btn-primary {
  background: linear-gradient(135deg, #4a3f66, #2d2740);
  color: #fff;
}
body.dark-mode .muted { color: #a79fc0; }

#dp-dark-toggle {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 9998;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: #2d2740;
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}