/* ✨ Animation d’apparition */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 🧱 Footer de base */
.site-footer {
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
  width: 100%;
  animation: fadeInUp 1s ease-out;
  background-color:#0072ff; /*bleu */
}

/* 🌗 Thème sombre */
body.dark-theme .site-footer {
  background-color: rgba(15, 12, 41, 0.9);
  color: #eee;
}

/* 🌞 Thème clair */
body.light-theme .site-footer {
  background-color: #f0f0f0;  
   color: #333;
}

/* ✨ Texte lumineux au survol */
.site-footer p:hover {
  text-shadow: 0 0 8px #00ffff, 0 0 12px #00ffff;
}

/* 🌐 Icônes sociales */
.social-icons {
  margin-top: 0.5rem;
}

.social-icons a {
  margin: 0 0.5rem;
  font-size: 1.2rem;
  text-decoration: none;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* 🎨 Hover selon thème */
body.dark-theme .social-icons a {
  color: #eee;
}

body.dark-theme .social-icons a:hover {
  color: #00ffff;
  text-shadow: 0 0 8px #00ffff;
}

body.light-theme .social-icons a {
  color: #333;
}

body.light-theme .social-icons a:hover {
  color: #0077ff;
  text-shadow: 0 0 8px #0077ff;
}