/* ============================================
   MAIN STYLESHEET
   Modular CSS Architecture for Portfolio
   
   Import order matters for cascading:
   1. Variables (CSS custom properties)
   2. Base styles (resets, global)
   3. Components (navbar, hero, etc.)
   4. Pages (specific page styles)
   5. Responsive (media queries)
   6. Utilities (helpers, animations)
   ============================================ */

/* Design Tokens & Variables */
@import url('./variables.css');

/* Base Styles */
@import url('./base.css');

/* Component Styles */
@import url('./navbar.css');
@import url('./hero.css');
@import url('./components.css');

/* Page-Specific Styles */
@import url('./pages.css');

/* Preview & Screenshot Styles */
@import url('./preview.css');

/* Responsive & Media Queries */
@import url('./responsive.css');

/* Utilities & Animations */
@import url('./utilities.css');