/* ============================================================================
   KAI SIGNALS - MAIN CSS
   Central import file for all stylesheets following ITCSS architecture
   
   ITCSS Layer Order:
   1. Settings    - Variables, config
   2. Tools       - Mixins and functions (not applicable in vanilla CSS)
   3. Generic     - Reset, normalize
   4. Base        - HTML element styling
   5. Objects     - Layout primitives
   6. Components  - UI components
   7. Utilities   - Helper classes
   
   Load Order: Base → Components → Layouts → Pages → Utilities → Fixes
   ============================================================================ */

/* ============================================================================
   1. BASE LAYER - Foundation styles
   ============================================================================ */

/* Variables & Design Tokens */
@import url('base/variables.css');

/* CSS Reset */
@import url('base/reset.css');

/* Typography */
@import url('base/typography.css');

/* ============================================================================
   2. COMPONENTS LAYER - Reusable UI components
   ============================================================================ */

/* Navigation */
@import url('components/navigation.css');

/* Buttons */
@import url('components/buttons.css');

/* Forms & Validation */
@import url('components/forms.css');
@import url('components/validation.css');

/* Cards */
@import url('components/cards.css');

/* Hero Sections */
@import url('components/hero.css');

/* User Progress */
@import url('components/user-progress.css');

/* Notifications */
@import url('components/notifications.css');

/* Cookie Consent */
@import url('components/cookie-consent.css');

/* ============================================================================
   3. LAYOUT LAYER - Page layouts and structure
   ============================================================================ */

/* Public Site Layout */
@import url('layout/public.css');

/* Account Management Layout */
@import url('layout/account.css');

/* NOTE: Admin styles are loaded separately in AdminLayout.cshtml */
/* - layout/admin.css */
/* - layout/admin-dashboard.css */
/* - layout/admin-notifications.css */

/* ============================================================================
   4. PAGES LAYER - Page-specific styles
   ============================================================================ */

/* Landing Page */
@import url('pages/landing.css');

/* About Page */
@import url('pages/about.css');

/* Pricing Page */
@import url('pages/pricing.css');

/* Blog */
@import url('pages/blog.css');

/* Subscription */
@import url('pages/subscription.css');

/* Account Management */
@import url('pages/account-manage.css');

/* ============================================================================
   5. UTILITIES LAYER - Helper classes and overrides
   ============================================================================ */

/* Utility Classes */
@import url('utilities/helpers.css');

/* Animations */
@import url('utilities/animations.css');

/* Responsive Utilities */
@import url('utilities/responsive.css');

/* Performance Optimizations */
@import url('utilities/performance.css');

/* Inline Style Replacements */
@import url('utilities/inline-replacements.css');

/* ============================================================================
   6. FIXES LAYER - Browser-specific fixes
   ============================================================================ */

/* Scrollbar Fix */
@import url('fixes/scrollbar-fix.css');

/* ============================================================================
   NOTES:
   
   - This file should be loaded AFTER critical.css for optimal performance
   - Individual page CSS can be loaded conditionally as needed
   - Admin layouts are only loaded in admin area
   - All imports use relative paths from the css/ directory
   
   Usage in _Layout.cshtml:
   <link rel="stylesheet" href="~/css/critical.css" />
   <link rel="stylesheet" href="~/css/main.css" asp-append-version="true" />
   ============================================================================ */