/* =====================================================
   BELUN EWER - MAIN CSS ENTRY POINT
   Version: 1.0
   Description: Imports all modular CSS files
   Last Updated: 2025-06-22
   ===================================================== */

/* 
   CSS Architecture:
   - Core: Design system foundations (variables, reset, typography, utilities)
   - Components: Reusable UI components
   - Layout: Page structure and layout components
   - Pages: Page-specific styles
   - Themes: Theme variations (dark mode, print)
*/

/* 1. Core Foundation - Order matters! */
@import 'core/variables.css';
@import 'core/reset.css';
@import 'core/typography.css';
@import 'core/utilities.css';

/* 2. Layout Components */
@import 'layout/header.css';
@import 'layout/navigation.css';

/* 3. UI Components - Alphabetical order */
@import 'components/alerts.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/charts.css';
@import 'components/forms.css';
@import 'components/modals.css';
@import 'components/tables.css';
@import 'components/tabs.css';

/* 4. Page-Specific Styles - Load only what's needed per page */
/* These should be conditionally loaded in blade templates */
/* 
   @import 'pages/home.css';
   @import 'pages/situation.css';
   @import 'pages/statistics.css';
   @import 'pages/incidents-enhanced.css';
   @import 'pages/report.css';
   @import 'pages/table.css';
   @import 'pages/geographic.css';
   @import 'pages/predictive-analytics.css';
   @import 'pages/correlation-analysis.css';
   @import 'pages/community-response.css';
   @import 'pages/event-timeline.css';
   @import 'pages/gbv-analytics.css';
*/

/* 5. Theme Overrides - Should be last */
@import 'themes/print.css';

/* 6. Vendor overrides (if needed) */
/* Add any third-party CSS overrides here */