/* ============================================================
   MyShift Modern Design System - v3.0 Modular Architecture
============================================================ */

/* ============================================================
   1. DESIGN TOKENS & VARIABLES
   Couleurs, espacements, typographie, ombres, etc.
============================================================ */
@import url('src/variables.css');

/* ============================================================
   2. BASE & RESET
   Normalisation, reset, typographie de base
============================================================ */
@import url('src/base.css');

/* ============================================================
   3. LAYOUT
   Containers, grilles, espacements, structure de page
============================================================ */
@import url('src/layout.css');

/* ============================================================
   4. COMPONENTS
   Composants réutilisables (boutons, forms, cards, etc.)
============================================================ */
@import url('src/components/sidebar.css');  /* MD3 Sidebar Navigation */
@import url('src/components/buttons.css');
@import url('src/components/forms.css');
@import url('src/components/cards.css');
@import url('src/components/badges.css');
@import url('src/components/alerts.css');
@import url('src/components/tables.css');
@import url('src/components/modals.css');
@import url('src/components/loaders.css');  /* MD3 Loading States */
@import url('src/components/animations.css');  /* MD3 Animations & Micro-interactions */
@import url('src/components/empty-states.css');  /* MD3 Empty States */
@import url('src/components/page-transitions.css');  /* MD3 Page Transitions */
@import url('src/components/toast.css');  /* MD3 Toast Notifications */

/* ============================================================
   5. PAGES
   Styles spécifiques aux pages (calendar, dashboard, stats)
============================================================ */
@import url('src/pages/calendar.css');
@import url('src/pages/dashboard.css');
@import url('src/pages/staff.css');
@import url('src/pages/staff-detail.css');
@import url('src/pages/timeoffs.css');
@import url('src/pages/logs.css');
@import url('src/pages/admin.css');
@import url('src/pages/stats.css');
@import url('src/pages/roles.css');

/* ============================================================
   6. UTILITIES
   Classes utilitaires pour spacing, display, text, etc.
============================================================ */
@import url('src/utilities.css');

/* ============================================================
   7. RESPONSIVE & MOBILE
   Media queries et adaptations mobiles/tablettes
============================================================ */
@import url('src/mobile.css');