/* Styles pour le mode sombre */
body.dark-mode {
  background-color: #1a1a1a;
  color: #f0f0f0;
}

body.dark-mode .container {
  background-color: #2d2d2d;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

body.dark-mode header,
body.dark-mode footer {
  background-color: #121212;
}

body.dark-mode nav {
  background-color: #1c4966;
}

body.dark-mode nav a:hover,
body.dark-mode nav a.active {
  background-color: #0f3854;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3 {
  color: #3498db;
}

body.dark-mode .questions-container {
  background-color: #333;
}

body.dark-mode .question {
  border-bottom-color: #444;
}

body.dark-mode .answer-input {
  background-color: #444;
  border-color: #555;
  color: #f0f0f0;
}

body.dark-mode .solution {
  background-color: #1c4966;
  border-left-color: #3498db;
}

body.dark-mode .btn-solution {
  background-color: #2980b9;
}

body.dark-mode .btn-solution:hover {
  background-color: #1c638e;
}

body.dark-mode .btn-reset {
  background-color: #d35400;
}

body.dark-mode .btn-reset:hover {
  background-color: #a04000;
}

body.dark-mode .reset-exercise {
  background-color: #d35400;
}

body.dark-mode .reset-exercise:hover {
  background-color: #a04000;
}