/* ============================================
   EREIP PRESENTATION - MODULAR CSS SYSTEM
   ============================================ */

/* Import all CSS modules in the correct order */
@import '01-variables.css';
@import '02-reset.css';
@import '03-layout.css';
@import '04-typography.css';
@import '05-components.css';
@import '06-animations.css';
@import '07-navigation.css';
@import '08-responsive.css';
@import '09-utilities.css';

/* ============================================
   MODULAR CSS SYSTEM BENEFITS:
   ============================================ */
/*
✅ ORGANIZED: Each file has a specific purpose
✅ MAINTAINABLE: Easy to find and edit specific styles
✅ REUSABLE: Components can be used independently
✅ PERFORMANT: Load only what you need
✅ COLLABORATIVE: Multiple developers can work in parallel
✅ DEBUGGABLE: Easier to identify and fix issues

📁 FILE STRUCTURE:
├── 01-variables.css     - CSS Custom Properties & Design System
├── 02-reset.css         - Reset & Base Styles
├── 03-layout.css        - Layout & Grid Systems
├── 04-typography.css    - Typography & Text Styles
├── 05-components.css    - UI Components (cards, charts, etc.)
├── 06-animations.css    - Animations & Keyframes
├── 07-navigation.css    - Navigation & Controls
├── 08-responsive.css    - Media Queries & Responsive Design
├── 09-utilities.css     - Utility Classes & Helpers
└── main.css            - Main import file (this file)

🎯 USAGE:
- For development: Use main.css (imports everything)
- For production: Use individual files as needed
- For optimization: Minify and concatenate specific modules
*/