/* -----------------------------------*\
  #MAIN STYLESHEET
  
  Modern Portfolio CSS Architecture
  Organized by Components for Better Maintainability
  
  Author: Mohamed Elsayed
  Version: 2.0.0
  Last Updated: December 2024
\*-----------------------------------*/

/**
 * Import all component stylesheets
 * Order matters for CSS cascade
 */

/* 1. Foundation */
@import url('./components/_variables.css');
@import url('./components/_reset.css');
@import url('./components/_base.css');
@import url('./components/_layout.css');

/* 2. Layout Components */
@import url('./components/_sidebar.css');
@import url('./components/_navbar.css');

/* 3. Page Sections */
@import url('./components/_about.css');
@import url('./components/_resume.css');
@import url('./components/_skills.css');
@import url('./components/_portfolio.css');
@import url('./components/_blog.css');
@import url('./components/_contact.css');

/* 4. Responsive & Utilities */
@import url('./components/_responsive.css');
@import url('./components/_utilities.css');

/**
 * Architecture Benefits:
 * 
 * ✅ Modular & Maintainable
 * ✅ Easy to Find & Edit Specific Sections
 * ✅ Better Performance (Smaller Files)
 * ✅ Team-Friendly Development
 * ✅ Version Control Friendly
 * ✅ Scalable Architecture
 */