/* Couleurs jour/nuit */
body.day-mode {
  background-color: #ffffff;
  color: #000000;
}
body.night-mode {
  background: linear-gradient(270deg, #1e1e2f, #5b2c6f, #ff6fb5);
  background-size: 400% 400%;
  animation: gradientShift 15s ease infinite;
  color: #ffeaa7;
}

/* Animation fond nuit */
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Cartes */
.card {
  transition: all 0.3s ease;
}
body.day-mode .card {
  background-color: #ffffff;
  color: #000000;
}
body.night-mode .card {
  background-color: rgba(0,0,0,0.7);
  color: #ffeaa7;
}

/* Boutons */
button {
  transition: all 0.3s ease;
}
body.day-mode button {
  background-color: transparent;
  color: #000;
}
body.night-mode button {
  background-color: rgba(255,255,255,0.1);
  color: #ffeaa7;
}

/* Footer */
footer {
  text-align: center;
  padding: 1.5rem 0;
  background-color: rgba(0,0,0,0.8);
  color: #ccc;
}

/* Navbar */
header {
  backdrop-filter: blur(10px);
}