/* === MAIN STYLESHEET === */
/* Import order is important for CSS cascade */

/* 1. Variables and utilities first */
@import 'utils/variables.css';
@import 'utils/reset.css';
@import 'utils/typography.css';

/* 2. Components */
@import 'components/navigation.css';
@import 'components/navigation-mobile.css';
@import 'components/buttons.css';
@import 'components/progress-bar.css';
@import 'components/tech-stack.css';
@import 'components/footer.css';
@import 'components/theme-toggle.css';

/* 3. Page-specific styles */
@import 'pages/home.css';

/* 4. Responsive utilities last */
@import 'utils/responsive.css';