/* ============================================
   MAIN CSS ENTRY POINT
   Single import file for the entire application
   
   Order matters! Core files must be imported first,
   then layout, then components, then features.
   ============================================ */

/* ========================================
   1. CORE - Foundation & Reset
   ======================================== */
@import url('core/_variables.css');
@import url('core/_reset.css');
@import url('core/_animations.css');
@import url('core/_utilities.css');

/* ========================================
   2. LAYOUT - Structural elements
   ======================================== */
@import url('layout/_navbar.css');
@import url('layout/_navbar-sidebar.css');
@import url('layout/_footer.css');
@import url('layout/_containers.css');

/* ========================================
   3. COMPONENTS - Reusable UI elements
   ======================================== */
@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_forms.css');
@import url('components/_tables.css');
@import url('components/_dropdowns.css');
@import url('components/_alerts.css');
@import url('components/_timeline.css');

/* ========================================
   4. FEATURES - Page-specific styles
   ======================================== */
/* Chat Feature - Consolidated */
@import url('features/chat/_chat-base.css');

/* Machine Feature */
@import url('features/_machines.css');

/* Other Features - Keep legacy for now */
@import url('design-system.css');
@import url('Caculator.css');
@import url('Results.css');
@import url('digital-pricing.css');
@import url('roll-direction-selector.css');
@import url('notification-monitor.css');
@import url('notification-overflow-fix.css');

/* ========================================
   5. LEGACY FILES - Temporary during migration
   These files are still loaded but components have been extracted above
   ======================================== */
/* Keep custom-theme.css for now - contains styles not yet extracted */
@import url('custom-theme.css');

/* Keep site.css for backward compatibility */
@import url('site.css');

/* Keep RTL support */
@import url('rtl.css');

/* 
NOTE: Chat CSS files are now imported via features/chat/_chat-base.css
NOTE: Buttons, Cards, Forms, Tables, Dropdowns, Alerts are now in components/
NOTE: Navbar, Footer, Containers are now in layout/
*/

/* ========================================
   MIGRATION NOTES
   ========================================
   
   Phase 1 (COMPLETED):
   ✓ Created _variables.css with all design tokens
   ✓ Created _animations.css with centralized keyframes
   ✓ Created _utilities.css with reusable classes
   ✓ Created _reset.css for normalization
   ✓ Created main.css as single entry point
   
   Phase 2 (NEXT):
   - Extract components from custom-theme.css
   - Create modular component files
   - Refactor chat styles into organized structure
   - Create layout files
   
   Phase 3:
   - Remove duplicates from legacy files
   - Migrate styles to new structure
   - Update HTML to use new classes
   - Remove legacy files once migration complete
   
   ======================================== */