/**
 * PinkBerry Frontend - Main CSS Entry Point
 * 
 * This file imports all CSS files in the correct order for the component architecture.
 * 
 * Structure:
 * - base/: Global variables and reset styles
 * - components/: Reusable UI components (header, modals, buttons, forms, cards)
 * - sections/: Page sections (hero, products, animations, user-profile, other features)
 * - sections/responsive.css: All media queries and responsive overrides
 * - styles.css: Legacy fallback (imported last to avoid conflicts)
 */

/* Base Styles & Theme Variables */
@import './base/variables.css';

/* UI Components */
@import './components/header.css';
@import './components/modals.css';
@import './components/buttons.css';
@import './components/forms.css';
@import './components/cards.css';
@import './components/promo-game.css';

/* Page Sections & Features */
@import './sections/hero.css';
@import './sections/products.css';
@import './sections/animations.css';
@import './sections/user-profile.css';
@import './sections/other.css';

/* Responsive Design & Mobile Optimizations */
@import './sections/responsive.css';