/**
 * Taurus Art Studio - Master Stylesheet
 *
 * Import order matters for CSS cascade:
 * 1. Base (reset, variables) - foundation
 * 2. Components - reusable UI elements
 * 3. Sections - page-specific layouts
 * 4. Layout - structural patterns
 * 5. Animations - keyframes
 * 6. Responsive - media queries (MUST BE LAST)
 */

/* ============================================
   BASE - Load First
   ============================================ */
@import url('./base/reset.css');
@import url('./base/variables.css');

/* ============================================
   UTILITIES - Reusable patterns
   ============================================ */
@import url('./utilities/glassmorphism.css');

/* ============================================
   COMPONENTS - Reusable UI Elements
   ============================================ */
@import url('./components/navigation.css');
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/modals.css');
@import url('./components/sidebars.css');
@import url('./components/forms.css');
@import url('./components/favorites.css');
@import url('./components/oauth-login.css');
@import url('./components/search-autocomplete.css');

/* ============================================
   SECTIONS - Page-specific layouts
   ============================================ */
@import url('./sections/hero.css');
@import url('./sections/gallery.css');
@import url('./sections/artist.css');
@import url('./sections/story.css');
@import url('./sections/footer.css');

/* ============================================
   LAYOUT - Structural patterns
   ============================================ */
@import url('./layout/checkout.css');

/* ============================================
   ANIMATIONS - Keyframe definitions
   ============================================ */
@import url('./animations.css');

/* ============================================
   RESPONSIVE - Media queries (MUST BE LAST)
   ============================================ */
@import url('./responsive.css');