/* ==========================================
   UX Portfolio Stylesheet - Modular Architecture
   ========================================== */

/**
 * Import Order:
 * 1. Variables - CSS custom properties and theme variables
 * 2. Base - Reset and foundational styles
 * 3. Navigation - Header, menu, theme toggle
 * 4. Hero - Hero section and back-to-top/projects buttons
 * 5. Particles - Particle system and controls
 * 6. Components - Reusable UI components
 * 7. Carousels - All carousel implementations
 * 8. Sections - Page sections (projects, about, brands, contact)
 * 9. Project Pages - Project detail page layouts
 * 10. Charts - Data visualizations and special features
 * 11. Utilities - Helper classes, dark mode, responsive overrides (last)
 */

/* Foundation Layer */
@import '_variables.css';
@import '_base.css';

/* Navigation & UI Shell */
@import '_navigation.css';
@import '_hero.css';

/* Interactive Features */
@import '_particles.css';

/* Component Library */
@import '_components.css';
@import '_carousels.css';

/* Content Sections */
@import '_sections.css';

/* Page-Specific Styles */
@import '_project-pages.css';

/* Specialized Features */
@import '_charts.css';

/* Utilities & Overrides (must be last) */
@import '_utilities.css';