/* ==========================================
   MURMURES D'ANAÏS - CSS PRINCIPAL
   Architecture modulaire
   ========================================== */

/* Base */
@import url("base/reset.css");
@import url("base/typography.css");

/* Layout */
@import url("layout/background.css");
@import url("layout/header.css");
@import url("layout/hero.css");
@import url("layout/footer.css");
@import url("layout/mobile-menu.css");

/* Components */
@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/social.css");
@import url("components/cookies.css");
@import url("components/images.css");
@import url("components/cta.css");

/* Sections */
@import url("sections/services.css");
@import url("sections/legal.css");
@import url("sections/reservation.css");

/* Animations */
@import url("animations/animations.css");

/* Responsive */
@import url("responsive/tablet.css");
@import url("responsive/desktop.css");
@import url("responsive/large.css");

/* Dans main.css */
*:focus-visible {
  outline: 3px solid rgb(238, 168, 255);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Focus pour les boutons */
.header-carte-btn:focus-visible,
.social-btn:focus-visible,
.cta-primary:focus-visible,
.read-more-btn:focus-visible {
  outline: 3px solid rgb(238, 168, 255);
  box-shadow: 0 0 0 4px rgba(238, 168, 255, 0.3);
}

/* Focus pour les cartes services */
.carte:focus-within {
  outline: 3px solid rgb(238, 168, 255);
  transform: scale(1.02);
}