/* Dark Mode Styles */
body {
  background-color: #121212; /* Dark background */
  color: #e0e0e0; /* Light text color */
}

header, footer {
  background-color: #1e1e1e; /* Dark header/footer */
}

a {
  color: #bb86fc; /* Light link color */
}

a:hover {
  color: #3700b3; /* Darker color on hover */
}

.btn {
  background-color: #6200ea;
  color: white;
}

.btn:hover {
  background-color: #3700b3;
}

.card, .panel, .modular {
  background-color: #333333;
  color: #e0e0e0;
}