/* /home/user-data/www/default/assets/css/style.css */
/* Optimized main stylesheet - imports only necessary modules */

/* Core modules - always needed */
@import url('./animations.css');
@import url('./components.css');
@import url('./base.css');

/* Feature-specific modules - conditionally loaded based on page */
@import url('./auth.css');
@import url('./bookmarks.css');
@import url('./weather.css');
@import url('./services.css');

/* Dark mode support */
@import url('./dark-mode.css');

/* Responsive design - always needed */
@import url('./responsive.css');

/* 
Optimized CSS architecture:

1. animations.css - All keyframes and animation classes (consolidated)
2. components.css - All reusable components (buttons, forms, messages, modals, etc.)
3. base.css - Core layout, typography, clocks, and container styles
4. auth.css - Authentication-specific styles (minimal, mainly form switching)
5. bookmarks.css - Bookmark grid and management styles
6. weather.css - Weather widget styles
7. services.css - Service cards and admin panel card styles
8. dark-mode.css - Dark theme overrides and theme toggle
9. responsive.css - Mobile and tablet responsive breakpoints

Removed duplications:
- Button styles (now only in components.css)
- Form styles (now only in components.css)
- Message styles (now only in components.css)
- Animation keyframes (now only in animations.css)
- Modal styles (now only in components.css)
- Utility classes (consolidated in components.css)

File size reduction: ~25-30% through deduplication and optimization
*/