/* ═══════════════════════════════════════════════════
   SOIRÉE BLANCHE TROPICALE — Villa M Marseille
   Design System & Styles — Entry Point
   ═══════════════════════════════════════════════════

   Architecture atomique : chaque composant = 1 fichier.
   Convention de nommage : _<composant>.css (underscore = partial).
   Chargement : CSS natif @import (pas de bundler).

   Breakpoints: 1024px → 768px → 600px → 480px
   Last updated: 2026-06-07
   ═══════════════════════════════════════════════════ */

/* ── Foundation ─────────────────────────────────── */
@import url('styles/_tokens.css');           /*  1. Design Tokens      */
@import url('styles/_base.css');             /*  2. Reset & Base       */
@import url('styles/_typography.css');        /*  3. Typography         */
@import url('styles/_layout.css');           /*  4. Layout             */

/* ── Navigation ─────────────────────────────────── */
@import url('styles/_sidenav.css');          /*  5. Vertical Dot Nav   */
@import url('styles/_navbar.css');           /*  6. Navbar             */

/* ── Atoms ──────────────────────────────────────── */
@import url('styles/_buttons.css');          /*  7. Buttons            */

/* ── Hero ───────────────────────────────────────── */
@import url('styles/_hero.css');             /*  8. Hero Section       */
@import url('styles/_countdown.css');        /*  9. Countdown          */
@import url('styles/_price-tag.css');        /* 10. Price Tag          */
@import url('styles/_scroll-indicator.css'); /* 11. Scroll Indicator   */

/* ── Sections ───────────────────────────────────── */
@import url('styles/_affiche.css');          /* 12. Affiche / Poster   */
@import url('styles/_lightbox.css');         /* 13. Lightbox Modal     */
@import url('styles/_experience.css');       /* 14. Experience         */
@import url('styles/_programme.css');        /* 15. Programme/Timeline */
@import url('styles/_venue.css');            /* 16. Venue              */
@import url('styles/_tickets.css');          /* 17. Tickets            */
@import url('styles/_stripe-tickets.css');   /* 18. Widget Billetterie Stripe */
@import url('styles/_infos.css');            /* 19. Infos              */
@import url('styles/_closing.css');          /* 20. Closing            */
@import url('styles/_footer.css');           /* 21. Footer             */

/* ── Overlays & Widgets ─────────────────────────── */
@import url('styles/_sticky-cta.css');       /* 22. Mobile Sticky CTA  */
@import url('styles/_share-widget.css');     /* 23. Share Widget + QR  */

/* ── Utilities ──────────────────────────────────── */
@import url('styles/_animations.css');       /* 24. Scroll Animations  */
@import url('styles/_decorative.css');       /* 25. Decorative Elements*/

/* ── Responsive ─────────────────────────────────── */
@import url('styles/_responsive.css');       /* 26. Breakpoints        */
@import url('styles/_reduced-motion.css');   /* 27. Reduced Motion     */