/* ===============================
   Dark Mode CSS
   =============================== */

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

.dark-mode header {
  background: #1f1f1f;
  border-bottom: 1px solid #333;
}

.dark-mode nav ul li a {
  color: #e0e0e0;
}

.dark-mode .card {
  background: #1e1e1e;
  border: 1px solid #333;
  color: #e0e0e0;
}

.dark-mode .article-card {
  background: #1e1e1e;
  border: 1px solid #333;
  color: #e0e0e0;
}

.dark-mode footer {
  background: #1f1f1f;
  color: #aaa;
}

.dark-mode .footer-links a {
  color: #e0e0e0;
}

.dark-mode .sidebar {
  background: #1c1c1c;
}

.dark-mode .sidebar ul li a {
  color: #e0e0e0;
}

.dark-mode .sidebar-close {
  background: #333;
  color: #fff;
}