/**
 * WHY Design System - Main Entry Point
 * =====================================
 *
 * Location: public/css/index.css
 * Version: 1.1.0
 *
 * Single entry point for all CSS files.
 * Import this file to load the complete design system.
 *
 * Load Order (Important - do not change):
 * 1. tokens.css      - Design tokens (CSS variables)
 * 2. components.css  - Reusable UI components
 * 3. layout.css      - App shell structure
 * 4. pages.css       - Page-specific styles (login, detail, error)
 * 5. dashboard.css   - Dashboard-specific styles
 * 6. notification.css - Toast notifications
 * 7. license-components.css - License UI
 *
 * Usage:
 *   <link rel="stylesheet" href="/css/index.css">
 */

/* 1. Design Tokens - Single source of truth */
@import url('tokens.css');

/* 2. UI Components - Buttons, cards, forms, tables, modals */
@import url('components.css');

/* 2.1. Info Panel - Standardized side panel styles */
@import url('info-panel.css');

/* 3. Layout - App shell (sidebar, header, main, footer) */
@import url('layout.css');

/* 4. Pages - Login, detail, error pages */
@import url('pages.css');

/* 5. Home Page - Welcome, announcements, stats, quick access */
@import url('home.css');

/* 6. Dashboard - Stats, charts, demographics, trends */
@import url('dashboard.css');

/* 7. Notification - Toast notification system */
@import url('notification.css');

/* 8. License - License banner and widget */
@import url('license-components.css');

/* 8. Branding - Logo variants and brand styles */
@import url('branding.css');

/* 9. Calculators - Salary, EOS, Promotion calculator styles */
@import url('calculators.css');

/* 10. Settings - Settings page modular styles */
@import url('settings.css');

/* 11. Talent Analytics - Flight risk, promotion overdue, etc. */
@import url('talentAnalytics.css');

/* 12. Career Profile - Individual employee career analytics */
@import url('career-profile.css');

/* 13. Admin Center - Admin landing page and section cards */
@import url('admin.css');

/* 14. RBP - Role-Based Permissions management UI */
@import url('rbp.css');

/* 15. Data Management - Sync, Import, Export page */
@import url('data-management.css');

/* 16. Reporting Center - Report catalog and runner */
@import url('reporting-center.css');

/* 17. Notification Center - Bell icon drawer and notification items */
@import url('notification-center.css');

/* 18. Profile - User profile page */
@import url('profile.css');