/* Single CSS entry — order matters for cascade.
   Loaded by index.html via one <link rel="stylesheet" href="styles/main.css">. */

/* 1. Foundations */
@import url('./tokens.css');
@import url('./base.css');

/* 2. Page sections (load order is page order, but they're independent) */
@import url('./sections/hero.css');
@import url('./sections/profiles.css');
@import url('./sections/countdown.css');
@import url('./sections/couple-photo.css');
@import url('./sections/details.css');
@import url('./sections/rsvp.css');
@import url('./sections/location.css');
@import url('./sections/dresscode.css');
@import url('./sections/footer.css');

/* 3. Cross-page UI components */
@import url('./components/calendar-dropdown.css');
@import url('./components/back-to-top.css');
@import url('./components/language-switcher.css');

/* 4. Intro overlay (envelope animation) — loads last so its z-indexed
      rules (intro-overlay > everything) sit at the end of the cascade */
@import url('./intro/overlay.css');
@import url('./intro/envelope.css');
@import url('./intro/hero-clone.css');