/* ==========================================================================
   STYLE.CSS (Main Architecture Hub)
   
   Architecture Order (7-1 Pattern variant):
   1. Abstracts   - Pure logic, CSS variables, functions (no rendered CSS output)
   2. Base        - Resets, elemental styling, global typography, themes
   3. Layout      - High-level structural containers & grid/flex systems
   4. Components  - Self-contained, reusable UI modules
   5. Business    - Domain/page-specific overrides and specialized features
   6. Styles      - Visual cosmetic design details (borders, shadows, spacing)
   7. Utilities   - High-specificity helper classes, state overrides, media queries
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ABSTRACTS
   Global configurations, design tokens, and CSS custom properties.
   -------------------------------------------------------------------------- */
@import url('css/abstracts/variables.css');
@import url('css/abstracts/functions.css');

/* --------------------------------------------------------------------------
   2. BASE
   Unclassed HTML elements, CSS resets, fonts, and base color definitions.
   -------------------------------------------------------------------------- */
@import url('css/base/reset.css');
@import url('css/base/colors.css');
@import url('css/base/typography.css');
@import url('css/base/animations.css');

/* --------------------------------------------------------------------------
   3. LAYOUT
   Page skeleton elements, major structural regions, and layout engines.
   -------------------------------------------------------------------------- */
   /* @import url('css/layout/flex.css');*/
@import url('css/layout/grid.css');
@import url('css/layout/header.css');
/*@import url('css/layout/footer.css');*/
@import url('css/layout/sidebar.css');
@import url('css/layout/marginalia.css');
/*@import url('css/layout/article.css');*/

/* --------------------------------------------------------------------------
   4. COMPONENTS
   Standalone, reusable UI controls and interface modules.
   -------------------------------------------------------------------------- */
@import url('css/components/buttons.css');
@import url('css/components/byline.css');
@import url('css/components/cards.css');
@import url('css/components/forms.css');
@import url('css/components/badges.css');
@import url('css/components/modals.css');
@import url('css/components/navigation.css');
@import url('css/components/header-nav.css');
@import url('css/components/footer-nav.css');

/* --------------------------------------------------------------------------
   5. BUSINESS / PAGES
   Feature-specific rules and page-level layout overrides.
   -------------------------------------------------------------------------- */
@import url('css/components/home.css'); /* Alternatively loaded dynamically per page */
@import url('css/business/services.css');
@import url('css/business/rates.css');
@import url('css/business/booking.css');

/* --------------------------------------------------------------------------
   6. STYLES
   Visual enhancements and cosmetic decorative design properties.
   -------------------------------------------------------------------------- */
@import url('css/styles/spacing.css');
@import url('css/styles/borders.css');
@import url('css/styles/shadows.css');

/* --------------------------------------------------------------------------
   7. UTILITIES & OVERRIDES
   Helper classes, interactive states, and responsive breakpoints.
   Must come LAST to reliably override higher specificity preceding rules.
   -------------------------------------------------------------------------- */
@import url('css/utilities/helpers.css');
@import url('css/utilities/state.css');
@import url('css/utilities/responsive.css');