/* ========================================
   TAILORSMART STYLES - MAIN IMPORT FILE
   
   This file imports all modular CSS files
   in the correct order for cascading styles.
   
   Order of imports:
   1. Variables & Configuration
   2. Reset & Base Styles
   3. Typography
   4. Utilities
   5. Buttons
   6. Navigation
   7. Hero Section
   8. Components
   9. Sections
   10. Animations
   11. Responsive/Media Queries
   
   ======================================== */

/* 1. Variables and Design System */
@import url('./1-variables.css');

/* 2. Reset and Base Styles */
@import url('./2-reset.css');

/* 3. Typography System */
@import url('./3-typography.css');

/* 4. Utility Classes */
@import url('./4-utilities.css');

/* 5. Button Styles and Variants */
@import url('./5-buttons.css');

/* 6. Navigation and Navbar */
@import url('./6-navbar.css');

/* 7. Hero Section */
@import url('./7-hero.css');

/* 8. Reusable Components */
@import url('./8-components.css');

/* 8b. Bento Box Layout System */
@import url('./8-bento.css');

/* 9. Section-Specific Styles */
@import url('./9-sections.css');

/* 10. Animations and Transitions */
@import url('./10-animations.css');

/* 11. Responsive Design and Media Queries */
@import url('./11-responsive.css');