/**
 * MarineWise Marketplace Main Stylesheet
 * 
 * This file imports all CSS modules in the correct order to ensure proper cascade.
 * DO NOT add styles directly to this file - use the appropriate module file instead.
 * 
 * IMPORT ORDER (CRITICAL - DO NOT CHANGE):
 * 1. Base Layer: Variables must load first (all other files depend on them)
 * 2. Components Layer: Reusable UI components (buttons, forms, cards, etc.)
 * 3. Layout Layer: Structural styles (containers, grids, sidebar)
 * 4. Utilities Layer: Helper classes (messages, loading states)
 * 5. Pages Layer: Page-specific styles (highest specificity, loads last)
 * 
 * See CSS_ARCHITECTURE.md for detailed documentation.
 */

/* ============================================
   BASE LAYER
   ============================================ */
@import 'base/_variables.css';
@import 'base/_typography.css';

/* ============================================
   COMPONENTS LAYER
   ============================================ */
@import 'components/_buttons.css';
@import 'components/_forms.css';
@import 'components/_cards.css';
@import 'components/_badges.css';
@import 'components/_tables.css';
@import 'components/_modals.css';
@import 'components/_pagination.css';
@import 'components/_filters.css';
@import 'components/_images.css';
@import 'components/_external-search.css';

/* ============================================
   LAYOUT LAYER
   ============================================ */
@import 'layout/_containers.css';
@import 'layout/_grids.css';
@import 'layout/_sidebar.css';

/* ============================================
   UTILITIES LAYER
   ============================================ */
@import 'utilities/_messages.css';
@import 'utilities/_loading.css';

/* ============================================
   PAGES LAYER
   ============================================ */
@import 'pages/_dashboard.css';
@import 'pages/_profile.css';
@import 'pages/_listings-form.css';
@import 'pages/_listing-display.css';
@import 'pages/_search.css';
@import 'pages/_manage-listings.css';
@import 'pages/_auth.css';