body.dark-mode {
  background-color: #121212;
  color: #f8f9fa;
}

body.dark-mode .form-control::placeholder {
  color: #bbb;
}

body.dark-mode .form-label,
body.dark-mode .card-title {
  color: #f8f9fa;
}

body.dark-mode .form-control {
  background-color: #2c2c2c;
  color: #f8f9fa;
  border-color: #444;
}

body.dark-mode .btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

body.dark-mode .card {
  background-color: #1e1e1e;
  border-color: #2c2c2c;
}

body.dark-mode .topbar {
  background-color: #1e1e1e;
  border-color: #333;
  color: #f8f9fa;
}

body.dark-mode .sidebar {
    background-color: #1e1e1e;
    color: #f8f9fa;
}

body.dark-mode .sidebar a {
	color: #d1d5db;
}

body.dark-mode .sidebar a:hover {
    background-color: #121212;
}