/* ======================================== 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. Design Tokens (Primitives → Semantic → Components) * 2. Base Styles (Resets, Typography) * 3. Components (Reusable UI elements) * 4. Layout (Page structure) * 5. Features (Page-specific styles) * 6. Utilities (Helper classes) * 7. Theme Overrides * 8. Tenant Overrides (must be last) * * See: docs/design-system/README.md */ /* ======================================== 1. Design Tokens - Three-Tier System ======================================== */ /* Primitives: Raw values (colors, spacing, typography) */ @import 'tokens/primitives.css?v=__CSS_VERSION__'; /* Palettes: Hearth-system colour palettes + theme-aware semantic tokens. Single source of truth for both palette swaps (data-palette) and theme swaps (data-theme=light/dark). Replaced the old semantic-light.css / semantic-dark.css pair (May 2026). */ @import 'tokens/palettes.css?v=__CSS_VERSION__'; /* Component: Component-level tokens */ @import 'tokens/components.css?v=__CSS_VERSION__'; /* ======================================== 2. Base Styles ======================================== */ @import 'base.css?v=__CSS_VERSION__'; /* ======================================== 3. Components ======================================== */ @import 'components/cards.css?v=__CSS_VERSION__'; @import 'components/buttons.css?v=__CSS_VERSION__'; @import 'components/forms.css?v=__CSS_VERSION__'; @import 'components/custom-forms.css?v=__CSS_VERSION__'; @import 'components/tables.css?v=__CSS_VERSION__'; @import 'components/badges.css?v=__CSS_VERSION__'; @import 'components/alerts.css?v=__CSS_VERSION__'; @import 'components/avatars.css?v=__CSS_VERSION__'; @import 'components/modals.css?v=__CSS_VERSION__'; @import 'components/navigation.css?v=__CSS_VERSION__'; @import 'components/nav-fab.css?v=__CSS_VERSION__'; @import 'components/portal-card.css?v=__CSS_VERSION__'; /* Loaders — only viking-hamster-loader (HamsterLoader, used app-wide) and fallen-hamster (404 page in App.razor) are referenced from production markup. The other four are kept for /dev/loader-test and /dev/components internal showcase pages only. If those dev pages are removed, the four imports below can be deleted along with their CSS files. */ @import 'components/viking-hamster-loader.css?v=__CSS_VERSION__'; @import 'components/fallen-hamster.css?v=__CSS_VERSION__'; @import 'components/viking-loader.css?v=__CSS_VERSION__'; /* showcase only */ @import 'components/bifrost-loader.css?v=__CSS_VERSION__'; /* showcase only */ @import 'components/shield-loader.css?v=__CSS_VERSION__'; /* showcase only */ @import 'components/runes-loader.css?v=__CSS_VERSION__'; /* showcase only */ @import 'components/shocked-hamster.css?v=__CSS_VERSION__'; /* showcase only */ @import 'components/transfer-list.css?v=__CSS_VERSION__'; @import 'components/stat-cards.css?v=__CSS_VERSION__'; @import 'components/add-ons.css?v=__CSS_VERSION__'; @import 'components/expandable-card.css?v=__CSS_VERSION__'; @import 'components/page-header-card.css?v=__CSS_VERSION__'; @import 'components/filter-row.css?v=__CSS_VERSION__'; @import 'components/error-boundary.css?v=__CSS_VERSION__'; @import 'components/rich-text-editor.css?v=__CSS_VERSION__'; @import 'components/heimdall-logo.css?v=__CSS_VERSION__'; @import 'components/name-input.css?v=__CSS_VERSION__'; @import 'components/skill-tags.css?v=__CSS_VERSION__'; @import 'components/status-timeline.css?v=__CSS_VERSION__'; @import 'components/address-input.css?v=__CSS_VERSION__'; @import 'components/phone-input.css?v=__CSS_VERSION__'; @import 'components/chip-select.css?v=__CSS_VERSION__'; @import 'components/money-input.css?v=__CSS_VERSION__'; @import 'components/date-range-compound.css?v=__CSS_VERSION__'; @import 'components/branded-pickers.css?v=__CSS_VERSION__'; @import 'components/unavailability-modal.css?v=__CSS_VERSION__'; @import 'components/approval-swipe.css?v=__CSS_VERSION__'; @import 'components/org-chart-mini.css?v=__CSS_VERSION__'; @import 'components/callout.css?v=__CSS_VERSION__'; @import 'components/skeleton.css?v=__CSS_VERSION__'; @import 'components/tooltip.css?v=__CSS_VERSION__'; @import 'components/palette-switcher.css?v=__CSS_VERSION__'; /* ======================================== 4. Layout ======================================== */ @import 'layout/main-layout.css?v=__CSS_VERSION__'; @import 'layout/top-nav.css?v=__CSS_VERSION__'; @import 'layout/auth-layout.css?v=__CSS_VERSION__'; @import 'layout/hearth-shell.css?v=__CSS_VERSION__'; /* ======================================== 5. Features Page-specific styles for each feature module. ======================================== */ @import 'features/features.css?v=__CSS_VERSION__'; @import 'features/dashboard-layout.css?v=__CSS_VERSION__'; @import 'features/dashboard-welcome.css?v=__CSS_VERSION__'; @import 'features/dashboard-personal.css?v=__CSS_VERSION__'; @import 'features/dashboard-team.css?v=__CSS_VERSION__'; @import 'features/dashboard-bento.css?v=__CSS_VERSION__'; @import 'features/dashboard-v2.css?v=__CSS_VERSION__'; @import 'features/dashboard-viz.css?v=__CSS_VERSION__'; @import 'features/employee-profile.css?v=__CSS_VERSION__'; @import 'features/settings.css?v=__CSS_VERSION__'; @import 'features/org-chart.css?v=__CSS_VERSION__'; @import 'features/leave-common.css?v=__CSS_VERSION__'; @import 'features/leave-entitlements.css?v=__CSS_VERSION__'; @import 'features/leave-requests.css?v=__CSS_VERSION__'; @import 'features/leave-calendar.css?v=__CSS_VERSION__'; @import 'features/leave-admin.css?v=__CSS_VERSION__'; @import 'features/leave-extended.css?v=__CSS_VERSION__'; @import 'features/onboarding.css?v=__CSS_VERSION__'; @import 'features/timesheets.css?v=__CSS_VERSION__'; @import 'features/employee-import.css?v=__CSS_VERSION__'; @import 'features/scheduling.css?v=__CSS_VERSION__'; @import 'features/company-documents.css?v=__CSS_VERSION__'; @import 'features/quizzes-common.css?v=__CSS_VERSION__'; @import 'features/quizzes-builder.css?v=__CSS_VERSION__'; @import 'features/quizzes-taking.css?v=__CSS_VERSION__'; @import 'features/quizzes-results.css?v=__CSS_VERSION__'; @import 'features/quizzes-dashboard.css?v=__CSS_VERSION__'; @import 'features/quizzes-statistics.css?v=__CSS_VERSION__'; @import 'features/forms-pages.css?v=__CSS_VERSION__'; @import 'features/form-builder.css?v=__CSS_VERSION__'; @import 'features/employee-create-wizard.css?v=__CSS_VERSION__'; @import 'features/working-patterns.css?v=__CSS_VERSION__'; @import 'features/bradford-factor.css?v=__CSS_VERSION__'; @import 'features/recruitment-common.css?v=__CSS_VERSION__'; @import 'features/recruitment-pipeline.css?v=__CSS_VERSION__'; @import 'features/recruitment-candidates.css?v=__CSS_VERSION__'; @import 'features/recruitment-interviews.css?v=__CSS_VERSION__'; @import 'features/recruitment-offers.css?v=__CSS_VERSION__'; @import 'features/recruitment-analytics.css?v=__CSS_VERSION__'; @import 'features/recruitment-career.css?v=__CSS_VERSION__'; @import 'features/calendar-feeds.css?v=__CSS_VERSION__'; @import 'features/edi-reporting.css?v=__CSS_VERSION__'; @import 'features/health-safety.css?v=__CSS_VERSION__'; @import 'features/tokens-reference.css?v=__CSS_VERSION__'; @import 'features/gdpr.css?v=__CSS_VERSION__'; @import 'features/flexible-working.css?v=__CSS_VERSION__'; @import 'features/contracts.css?v=__CSS_VERSION__'; @import 'features/working-time.css?v=__CSS_VERSION__'; @import 'features/working-time-extended.css?v=__CSS_VERSION__'; @import 'features/probation.css?v=__CSS_VERSION__'; @import 'features/probation-extended.css?v=__CSS_VERSION__'; @import 'features/expenses-mileage-vat.css?v=__CSS_VERSION__'; @import 'features/performance.css?v=__CSS_VERSION__'; @import 'features/dbs-checks.css?v=__CSS_VERSION__'; @import 'features/absence-enhancements.css?v=__CSS_VERSION__'; @import 'features/offboarding.css?v=__CSS_VERSION__'; @import 'features/notifications.css?v=__CSS_VERSION__'; @import 'features/approvals.css?v=__CSS_VERSION__'; @import 'features/equal-opportunities.css?v=__CSS_VERSION__'; @import 'features/employee-relations.css?v=__CSS_VERSION__'; @import 'features/recognition.css?v=__CSS_VERSION__'; @import 'features/workflows.css?v=__CSS_VERSION__'; @import 'features/surveys.css?v=__CSS_VERSION__'; @import 'features/survey-builder.css?v=__CSS_VERSION__'; @import 'features/feedback-builder.css?v=__CSS_VERSION__'; @import 'features/feedback-360.css?v=__CSS_VERSION__'; @import 'features/calibration.css?v=__CSS_VERSION__'; @import 'features/competency-frameworks.css?v=__CSS_VERSION__'; @import 'features/succession-planning.css?v=__CSS_VERSION__'; @import 'features/reporting.css?v=__CSS_VERSION__'; @import 'features/esignatures.css?v=__CSS_VERSION__'; @import 'features/billing.css?v=__CSS_VERSION__'; @import 'features/portals.css?v=__CSS_VERSION__'; @import 'features/theme-builder.css?v=__CSS_VERSION__'; /* ======================================== 6. Utilities ======================================== */ @import 'utilities/helpers.css?v=__CSS_VERSION__'; @import 'utilities/responsive.css?v=__CSS_VERSION__'; /* ======================================== 7. Theme Overrides Must come last to properly override component styles. ======================================== */ @import 'themes/dark-mode.css?v=__CSS_VERSION__'; @import 'themes/light-mode.css?v=__CSS_VERSION__'; /* ======================================== 8. Tenant Overrides Loaded last for tenant-specific customization. ======================================== */ @import 'tokens/tenant-overrides.css?v=__CSS_VERSION__';