/* =====================================================================
   RIVERVIEW PADEL — Master Stylesheet
   Single entry point. Import order matters (tokens → base → layout →
   components → animations → pages → utilities).
   Load once in every HTML page: <link rel="stylesheet" href="/css/main.css">
   ===================================================================== */

/* 1. Base ------------------------------------------------------------- */
@import "base/variables.css";   /* Design tokens: colour, type, spacing  */
@import "base/reset.css";       /* Modern reset / normalize              */
@import "base/typography.css";  /* Type scale, headings, body copy       */

/* 2. Layout ----------------------------------------------------------- */
@import "layout/grid.css";      /* Bento grid, containers, sections      */
@import "layout/navigation.css";/* Fixed nav + mobile drawer             */
@import "layout/footer.css";    /* Global footer                         */
@import "layout/sections.css";  /* Section spacing & dark/light bands    */

/* 3. Components ------------------------------------------------------- */
@import "components/buttons.css";
@import "components/cards.css";
@import "components/hero.css";
@import "components/loader.css";
@import "components/gallery.css";
@import "components/lightbox.css";
@import "components/event-cards.css";
@import "components/booking-cta.css";
@import "components/cursor.css";
@import "components/contact-card.css";

/* 4. Animations ------------------------------------------------------- */
@import "animations/keyframes.css";
@import "animations/transitions.css";
@import "animations/reveal.css";

/* 5. Page-specific ---------------------------------------------------- */
@import "pages/home.css";
@import "pages/about.css";
@import "pages/facilities.css";
@import "pages/coaching.css";
@import "pages/events.css";
@import "pages/gallery.css";
@import "pages/contact.css";

/* 6. Utilities (last so they win) ------------------------------------- */
@import "utils/helpers.css";
@import "utils/responsive.css";