/**
 * Main Stylesheet
 * Imports all design system and component styles in the correct order
 */

/* 1. Reset - Normalize browser defaults */
@import './_reset.css';

/* 2. Variables - Design tokens and CSS custom properties */
@import './_variables.css';

/* 3. Typography - Font system and text styles */
@import './_typography.css';

/* 4. Layout - Container, grid, and flexbox utilities */
@import './_layout.css';

/* 5. Utilities - Helper classes */
@import './_utilities.css';

/* 6. UI Components - Core reusable components (Buttons, Cards, Modals, Accordions, Tabs) */
@import './_ui-components.css';

/* 7. Navigation - Header, navigation, and footer components */
@import './_navigation.css';

/* 8. Sections - Page sections (Hero, Stats, CTA, Services, Team) */
@import './_sections.css';

/* 9. Additional Components - Timeline, Forms, etc. */
@import './_components.css';

/* 10. Animations - Transitions and keyframes */
@import './_animations.css';

/* 11. Themes - Theme-specific styles */
@import './_themes.css';