/* ========================================
   HeimdallHR WebClient - Main CSS Entry Point
   ======================================== */

/*
 * This file imports all CSS modules in the correct order.
 * The cascade order matters - later imports override earlier ones.
 *
 * Structure:
 * 1. Variables (Design Tokens)
 * 2. Base Styles (Resets, Typography)
 * 3. Components (Reusable UI elements)
 * 4. Layout (Page structure)
 * 5. Features (Page-specific styles) - still in app.css
 * 6. Utilities (Helper classes)
 */

/* ========================================
   1. Design Tokens
   ======================================== */
@import 'variables.css';

/* ========================================
   2. Base Styles
   ======================================== */
@import 'base.css';

/* ========================================
   3. Components
   ======================================== */
@import 'components/cards.css';
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/custom-forms.css';
@import 'components/tables.css';
@import 'components/badges.css';
@import 'components/alerts.css';
@import 'components/avatars.css';
@import 'components/modals.css';
@import 'components/navigation.css';

/* ========================================
   4. Layout
   ======================================== */
@import 'layout/main-layout.css';
@import 'layout/sidebar.css';
@import 'layout/auth-layout.css';

/* ========================================
   5. Features
   Page-specific styles for each feature module.
   ======================================== */
@import 'features/features.css';
@import 'features/dashboard.css';
@import 'features/employee-profile.css';
@import 'features/settings.css';
@import 'features/org-chart.css';
@import 'features/leave-management.css';
@import 'features/onboarding.css';
@import 'features/timesheets.css';
@import 'features/employee-import.css';
@import 'features/scheduling.css';
@import 'features/company-documents.css';

/* ========================================
   6. Utilities
   ======================================== */
@import 'utilities/helpers.css';
@import 'utilities/responsive.css';

/* ========================================
   7. Theme Overrides
   Must come last to properly override component styles.
   ======================================== */
@import 'themes/dark-mode.css';