/* ==========================================================================
   main.css
   Single entry point. ALL rules here are @import statements, in cascade order.
   (Per the CSS spec, @import must precede every other rule, so this file
   contains imports only - the reset/base lives in base.css.)

   Order: tokens -> reset/base -> typography -> layout -> components
          -> section styles -> responsive overrides.
   ========================================================================== */

@import url("./variables.css");
@import url("./base.css");
@import url("./typography.css");
@import url("./layout.css");
@import url("./components.css");

/* Section stylesheets (added as each section is built). */
@import url("./sections/header.css");
@import url("./sections/hero.css");
@import url("./sections/intro.css");
@import url("./sections/fairs.css");
@import url("./sections/publishing.css");
@import url("./sections/news.css");
@import url("./sections/spc.css");
@import url("./sections/library.css");
@import url("./sections/footer.css");

/* Shared inner-page components (About, Library, Listings, Detail, Contact …). */
@import url("./pages.css");

/* Editorial Swiss art-direction layer (cascades over everything above). */
@import url("./editorial.css");

/* Per-page bespoke compositions (cascade over the shared layers). */
@import url("./home.css");
@import url("./about.css");
@import url("./publishing.css");
@import url("./publishing-city.css");
@import url("./library.css");
@import url("./news.css");
@import url("./contact.css");
@import url("./fairs.css");
@import url("./news-details.css");
@import url("./fair-details.css");
@import url("./board-member.css");

/* Responsive + motion/transparency overrides last. */
@import url("./responsive.css");

/* Dark theme (activated by [data-theme="dark"]). */
@import url("./dark.css");