/* CSS pour les animations flottantes */
.floating {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* Animation pour le bouton de retour en haut */
#back-to-top {
  transition: all 0.3s ease;
}

#back-to-top:hover {
  transform: translateY(-5px);
  background-color: var(--p-600, #4506cb); /* Version plus foncée de la couleur primaire */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}