/* ===================================================================
   CoralLedger Comply - Main CSS Import
   Purpose: Central import file for all CoralComply design system styles
   Week 1, Phase 1 - Design System Foundation
   =================================================================== */

/* Import design system in order of dependency */

/* 1. Design Tokens - Variables and constants (must be first) */
@import url('./01-tokens.css');

/* 2. Typography - Font definitions and text styles */
@import url('./02-typography.css');

/* 3. MudBlazor Overrides - Framework component customization */
@import url('./03-mudblazor-overrides.css');

/* 4. Coral Components - Custom branded components */
@import url('./04-coral-components.css');

/* 5. Navigation - Reef Current navigation styling (Week 2, Phase 2.1) */
@import url('./05-navigation.css');

/* 6. Week 5 Components - Data Display & Analytics Components */
@import url('./05-week5-components.css');

/* 7. Login Page - WCAG AA compliant login styling */
@import url('./06-login.css');

/* 8. Coral Animations - Keyframes, utility classes, and motion system */
@import url('./coral-animations.css');

/* 9. Status System - Weather compliance visualization (UI/UX Cycle 1) */
@import url('./07-status-system.css');

/* Future imports:
@import url('./08-utilities.css');      - Helper classes
@import url('./09-page-layouts.css');   - Page-specific layouts
*/

/* ===================================================================
   Usage: Include this single file in your _Host.cshtml or App.razor

   <link rel="stylesheet" href="css/coral-comply.css" />

   This will load all CoralComply design system styles in the correct
   order, ensuring proper CSS cascade and override behavior.
   =================================================================== */