/**
 * MAIN.CSS
 * ========
 * Entry point for all styles. Import order matters:
 * 1. Variables (must be first - no dependencies)
 * 2. Base/reset styles
 * 3. Layout components
 * 4. UI components
 * 5. Page sections
 * 6. Animations (after elements that use them)
 * 7. Responsive overrides (must be last)
 */

/* 1. Design Tokens */
@import url('variables.css');

/* 2. Base styles and resets */
@import url('base.css');

/* 3. Layout structure */
@import url('layout.css');

/* 4. Reusable UI components */
@import url('components.css');

/* 5. Page section styles */
@import url('sections.css');

/* 6. Responsive adjustments (load last to override other styles) */
@import url('responsive.css');