/**
 * LUXE - Premium E-Commerce Template
 * Main Stylesheet
 * 
 * This file imports all component stylesheets in the correct order.
 * 
 * File Structure:
 * 1. variables.css   - CSS Custom Properties (design tokens)
 * 2. base.css        - Reset, typography, utility classes
 * 3. components.css  - Reusable UI components
 * 4. layout.css      - Header, footer, sidebar, modals
 * 5. product.css     - Product cards, detail, gallery
 * 6. cart-checkout.css - Cart, checkout pages
 * 7. pages.css       - Page-specific styles
 * 8. animations.css  - Animations and transitions
 * 
 * Customization Guide:
 * - Modify variables.css to change colors, fonts, spacing
 * - Components can be customized in components.css
 * - Add custom styles at the end of this file
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

@import url('variables.css');
@import url('base.css');
@import url('components.css');
@import url('layout.css');
@import url('product.css');
@import url('cart-checkout.css');
@import url('pages.css');
@import url('animations.css');

/* ==========================================
   CUSTOM STYLES
   Add your custom styles below this line
   ========================================== */

/* Example: Custom brand modifications */
/*
:root {
    --color-primary: #your-color;
}
*/