/**
 * PUR Valet Main CSS Import File
 * 
 * This file aggregates all modular CSS files in the correct order.
 * The import order is important to ensure proper cascade and specificity.
 * 
 * Architecture:
 * 1. Base - Foundation styles and resets
 * 2. Layout - Major layout components
 * 3. Components - Reusable UI components
 * 4. Pages - Page-specific styles (moved after components for proper override)
 * 5. Utilities - Helper classes (loaded last for override capability)
 */

/* ===== Base - Foundation styles ===== */
@import 'base/variables.css';      /* CSS custom properties must be loaded first */
@import 'base/reset.css';          /* CSS reset and base element styles */
@import 'base/typography.css';     /* Font faces and typography system */
@import 'base/utilities.css';      /* Utility classes and helpers */

/* ===== Layout - Major layout components ===== */
@import 'layout/grid.css';         /* Grid system and layout utilities */
@import 'layout/header.css';       /* Site header and navigation layout */
@import 'layout/footer.css';       /* Site footer layout */
@import 'layout/sections.css';     /* Common section layouts and spacing */

/* ===== Components - Reusable UI components ===== */
@import 'components/buttons.css';      /* Button styles and variations */
@import 'components/forms.css';        /* Form elements and layouts */
@import 'components/cards.css';        /* Card components and variations */
@import 'components/tables.css';       /* Table styles including comparison tables */
@import 'components/navigation.css';   /* Navigation menus and dropdowns */
@import 'components/hero.css';         /* Hero section components */
@import 'components/testimonials.css'; /* Testimonial cards and sliders */
@import 'components/accordion.css';    /* FAQ accordions and collapsibles */
@import 'components/toggle.css';       /* Toggle switches and checkboxes */
@import 'components/admin-page-header.css'; /* Reusable dashboard page header banner */

/* ===== Pages - Page-specific styles (moved after components for proper override) ===== */
@import 'pages/home.css';          /* Homepage specific styles */
@import 'pages/about.css';         /* About page specific styles */
@import 'pages/features.css';      /* Features page specific styles */
@import 'pages/technology.css';    /* Technology page specific styles */
@import 'pages/contact.css';       /* Contact page specific styles */
@import 'pages/demo.css';          /* Demo page specific styles */
@import 'pages/terms.css';         /* Terms of Service page specific styles */
@import 'pages/privacy.css';       /* Privacy Policy page specific styles */

/* ===== Industry Pages ===== */
@import 'pages/industries/_common.css';      /* Common industry page styles */
@import 'pages/industries/hotel.css';        /* Hotel industry page */
@import 'pages/industries/restaurant.css';   /* Restaurant industry page */
@import 'pages/industries/hospital.css';     /* Hospital industry page */
@import 'pages/industries/commercial.css';   /* Commercial building page */
@import 'pages/industries/residential.css';  /* Residential property page */
@import 'pages/industries/shopping-mall.css'; /* Shopping mall page */

/* ===== Admin Pages ===== */
@import 'pages/admin.css';                   /* Admin dashboard and login styles */
@import 'pages/reservations.css';            /* Reservations page specific styles */

/* ===== Refactoring Complete ===== */
/* The original styles.css has been successfully replaced by the modular architecture above.
 * All styles have been organized into:
 * - Base: Variables, reset, typography, utilities
 * - Layout: Grid, header, footer, sections
 * - Components: Buttons, forms, cards, tables, navigation, hero, testimonials, accordion
 * - Pages: Home, about, features, technology, contact, demo (now load after components)
 * - Industries: Common styles + individual industry pages
 */