/**
 * 360Katalyst Main Stylesheet
 * 
 * Entry point - imports all modular CSS files
 * 
 * Architecture:
 * 1. Design System - CSS custom properties (design tokens)
 * 2. Base - CSS reset and fundamental styles
 * 3. Components - Reusable UI components
 * 4. Layout - Page structure (header, hero, sections, footer)
 * 5. Effects - Visual effects (glass-morphism, glows)
 * 6. Animations - Keyframes and transitions
 * 7. Accessibility - Reduced motion support
 * 8. Mobile - Responsive overrides
 * 
 * @version 2.0.0
 * @author 360Katalyst
 */

/* ============================================
   1. DESIGN SYSTEM
   Design tokens and CSS custom properties
   ============================================ */
@import 'design-system.css';

/* ============================================
   2. BASE
   CSS reset and fundamental styles
   ============================================ */
@import 'base.css';

/* ============================================
   3. COMPONENTS
   Reusable UI components
   ============================================ */
@import 'components.css';

/* ============================================
   4. LAYOUT
   Page structure
   ============================================ */
@import 'layout.css';

/* ============================================
   5. EFFECTS
   Visual effects
   ============================================ */
@import 'effects.css';

/* ============================================
   6. ANIMATIONS
   Keyframes and transitions
   ============================================ */
@import 'animations.css';

/* ============================================
   7. ACCESSIBILITY
   Reduced motion support
   ============================================ */
@import 'accessibility.css';

/* ============================================
   8. MOBILE
   Responsive overrides
   ============================================ */
@import 'mobile.css';