/* =============================================================================
   MAIN STYLESHEET  —  single entry point for the design system.

   Layered in ITCSS order (low specificity -> high) so the cascade stays
   predictable. Components use BEM naming (.block__element--modifier); utilities
   are loaded last so they can override component defaults when needed.

   In production these @imports should be concatenated + minified into one file
   to avoid extra requests.
   ============================================================================= */

/* 1 · BASE — tokens, reset, element defaults, motion, a11y --------------------*/
@import "base/variables.css";
@import "base/reset.css";
@import "base/typography.css";
@import "base/animations.css";
@import "base/accessibility.css";

/* 2 · LAYOUT — structural primitives -----------------------------------------*/
@import "layout/container.css";
@import "layout/grid.css";
@import "layout/section.css";
@import "layout/header.css";
@import "layout/footer.css";

/* 3 · COMPONENTS — reusable UI blocks (BEM) ----------------------------------*/
@import "components/buttons.css";
@import "components/card.css";
@import "components/section-title.css";
@import "components/badge.css";
@import "components/forms.css";
@import "components/accordion.css";
@import "components/navigation.css";
@import "components/tour-card.css";
@import "components/review-card.css";
@import "components/gallery-card.css";
@import "components/carousel.css";
@import "components/mobile-cta.css";

/* 4 · PAGES — page-specific / section styles ---------------------------------*/
@import "pages/hero.css";
@import "pages/featured.css";
@import "pages/upcoming.css";
@import "pages/who.css";
@import "pages/practices.css";
@import "pages/included.css";
@import "pages/pricing.css";
@import "pages/villa.css";
@import "pages/gallery.css";
@import "pages/program.css";
@import "pages/about.css";

/* 5 · UTILITIES — single-purpose helpers (highest priority) -------------------*/
@import "utils/flex.css";
@import "utils/spacing.css";
@import "utils/text.css";
@import "utils/display.css";