/* Main CSS - imports all component styles in the correct order */

/* Base styles - must load first */
@import 'base/reset.css';
@import 'base/design-system.css';
@import 'base/variables.css';
@import 'base/typography.css';

/* Layout utilities */
@import 'layout/grid.css';
@import 'layout/utilities.css';
@import 'layout/utilities-extended.css';
@import 'layout/responsive.css';

/* Components - alphabetical for maintainability */
@import 'components/badges.css';
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/datetime-pickers.css';
@import 'components/dropdowns.css';
@import 'components/filters.css';
@import 'components/forms.css';
@import 'components/form-validation.css';
@import 'components/learning-modules.css';
@import 'components/loading.css';
@import 'components/modals.css';
@import 'components/navigation.css';
@import 'components/pagination.css';
@import 'components/patterns.css';
@import 'components/profile.css';
@import 'components/stats.css';
@import 'components/tables.css';
@import 'components/timeline.css';
@import 'components/training-history.css';

/* Page-specific styles - load last */
@import 'pages/dashboard.css';
@import 'pages/employee-profile.css';
@import 'pages/login.css';
@import 'pages/manage-learnings.css';
@import 'pages/manage-stats.css';
@import 'pages/manage-trainings.css';
@import 'pages/my-learnings.css';