/* Main CSS file - imports all component styles */

/* Import CSS variables first */
@import url('variables.css');

/* Import base styles */
@import url('base.css');

/* Import layout components */
@import url('layout.css');
@import url('header.css');
@import url('hero.css');
@import url('footer.css');

/* Import form components */
@import url('forms.css');
@import url('buttons.css');

/* Import feature-specific styles */
@import url('recipe.css');
@import url('components.css');
@import url('pop-up.css');
@import url('loading.css');

/* Import animations */
@import url('animtions.css');

/* Import responsive styles last */
@import url('responsive.css');