/* ==========================================
   Main Stylesheet - Modular Architecture
   [CUSTOMIZE] Import order matters - don't rearrange
   ========================================== */

/**
 * Import Order:
 * 1. Variables - CSS custom properties (colors, fonts, spacing)
 * 2. Base - Reset and foundational styles
 * 3. Typography - Text styles and utilities
 * 4. Grid - Grid system and layout utilities
 * 5. Components - Reusable UI components
 * 6. Theme - Light/dark mode styles
 * 7. Utilities - Helper classes (must be last for specificity)
 */

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

/* Typography & Layout */
@import '_typography.css';
@import '_grid.css';

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

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

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

/* Lab Page Controls */
@import '_lab.css';

/* Theme System */
@import '_theme.css';

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