/* Main CSS Import File */
/* Import order is important - base styles first, utilities last */

/* Base styles - loaded first */
@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/typography.css');

/* Components */
@import url('./components/theme-toggle.css');
@import url('./components/navigation.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/cards.css');
@import url('./components/flags.css');
@import url('./components/toast.css');

/* Layout */
@import url('./layout/hero.css');
@import url('./layout/sections.css');
@import url('./layout/footer.css');

/* Pages */
@import url('./pages/home.css');
@import url('./pages/contact.css');

/* Utilities - loaded last */
@import url('./utilities/animations.css');
@import url('./utilities/responsive.css');
@import url('./utilities/utilities.css');