/* assets/custom-theme.css - Main stylesheet that imports all components */

/* Import core styles (variables, typography, base styles) */
@import url('core.css');

/* Import mobile-specific styles and responsive breakpoints */
@import url('mobile.css');

/* Import table-related styles (DataTable, pagination, date pickers) */
@import url('tables.css');

/* Import UI components (cards, buttons, forms, badges, navigation) */
@import url('components.css');

/* 
This modular approach splits the original large CSS file into:
1. core.css - CSS variables, typography, base styles, landing page
2. mobile.css - All media queries and mobile-specific styles
3. tables.css - DataTable, pagination, date picker styles
4. components.css - Cards, buttons, forms, badges, navigation

Benefits:
- Better organization and maintainability
- Easier to find and modify specific styles
- Cleaner separation of concerns
- Smaller individual files for better development experience

The legacy file is preserved as custom-theme-legacy.css for reference.
*/