/* =========================
   DARK MODE THEME OVERRIDE
   ========================= */

/* Body */
body.dark-mode {
  background: #1e1e1e !important;
  color: #ddd !important;
}

/* Layout containers */
body.dark-mode main {
  background: #1e1e1e !important;
}

body.dark-mode .container {
  background: #1e1e1e !important;
}

/* Header */
body.dark-mode header {
  background: #2a2a2a !important;
  color: #fff !important;
}

/* Sidebar */
body.dark-mode aside {
  background: #2d2d2d !important;
}

body.dark-mode .sidebar li a {
  color: #ffb3b3 !important;
}

body.dark-mode .sidebar li a:hover {
  background: #3a3a3a !important;
}

/* Submenu */
body.dark-mode .submenu-toggle {
  color: #ffb3b3 !important;
}

/* Cards */
body.dark-mode .card {
  background: #2a2a2a !important;
  border: 1px solid #444 !important;
  color: #ddd !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.6) !important;
}

body.dark-mode .card p {
  color: #bbb !important;
}

/* Links */
body.dark-mode a {
  color: #ddd !important;
}

/* Inputs */
body.dark-mode input {
  background: #333 !important;
  color: #fff !important;
  border: 1px solid #555 !important;
}

/* Buttons */
body.dark-mode button {
  background: #444 !important;
  color: #fff !important;
  border: none !important;
}

/* Footer */
body.dark-mode footer {
  background: #2d2d2d !important;
  color: #ddd !important;
}

/* Smooth transition */
body,
header,
main,
aside,
.card,
footer {
  transition: background 0.3s ease, color 0.3s ease;
}