html {
  scroll-behavior: smooth;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

body {
  background-color: #faf8ff;
  color: #131b2e;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  letter-spacing: -0.02em;
}

/* Utilitaires spécifiques d'accessibilité & interactions */
.focus-ring:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #216293;
}

/* Animation douce pour les cartes */
.card-hover-effect {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-hover-effect:hover {
  transform: translateY(-4px);
}

/* Modale de devis et drawer mobile */
.backdrop-blur-nav {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Prévention scroll quand menu mobile actif */
body.menu-open {
  overflow: hidden;
  height: 100vh;
}