/* ===================================
   MAIN CSS FILE - IMPORTS ALL COMPONENTS
   =================================== */

/* Import all component CSS files in the correct order */

/* 1. Base styles and variables first */
@import 'base.css';

/* 2. Utilities and animations */
@import 'utilities.css';
@import 'animations.css';

/* 3. Layout components */
@import 'layout.css';
@import 'navigation.css';
@import 'footer.css';

/* 4. UI components */
@import 'buttons.css';
@import 'forms.css';
@import 'modals.css';

/* 5. Section-specific styles */
@import 'hero.css';
@import 'flavors.css';
@import 'timeline.css';
@import 'testimonials.css';

/* 6. Page-specific styles */
@import 'about.css';
@import 'contact.css';
@import 'catering.css';
@import 'shop.css';
@import 'blog.css';

/* Note: This file replaces styles-new.css and provides a modular approach
   to CSS organization. Each component is now in its own file for better
   maintainability and easier debugging. */