/* =====================================================
   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 url('core/variables.min.css');
@import url('core/reset.min.css');
@import url('core/typography.min.css');
@import url('core/utilities.min.css');

/* 2. Layout Components */
@import url('layout/header.min.css');
@import url('layout/navigation.min.css');

/* 3. UI Components - Alphabetical order */
@import url('components/alerts.min.css');
@import url('components/buttons.min.css');
@import url('components/cards.min.css');
@import url('components/charts.min.css');
@import url('components/forms.min.css');
@import url('components/modals.min.css');
@import url('components/tables.min.css');
@import url('components/tabs.min.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 url('themes/print.min.css');

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