/* style.css */
html {
  height: 100%;
}

body {
  font-family: "Inter", sans-serif;
  min-height: 100%;
}

/*
 Règle globale pour rendre le changement de thème plus doux.
*/
*,
*::before,
*::after {
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* Style pour cacher les pages inactives */
.page {
  display: none;
}

/* Style pour afficher la page active */
.page.active {
  display: block;
  animation: fadeIn 0.5s ease-in-out;
}

/* Animation d'apparition pour les pages */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Style pour les cartes de service (conserve la transition spécifique au survol) */
.service-card {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Style pour la notification (toast) */
#notification-toast.show {
  transform: translateX(0);
}

/* Placeholder text color for dark mode */
.dark ::placeholder {
  color: #6b7280;
}