/* ==========================================================================
   Main CSS Entry Point
   ========================================================================== */

/* ========================================
   Base Styles
   Import order matters - variables first, then reset, then typography
   ======================================== */
@import "base/_variables.css";
@import "base/_reset.css";
@import "base/_typography.css";

/* ========================================
   Layouts
   Grid systems and container styles
   ======================================== */
@import "layouts/_grid.css";

/* ========================================
   Components
   Reusable UI components
   ======================================== */
@import "components/_header.css";
@import "components/_footer.css";
@import "components/_buttons.css";
@import "components/_cards.css";
@import "components/_carousel.css";
@import "components/_loader.css";

/* ========================================
   Sections
   Page section styles
   ======================================== */
@import "sections/_hero.css";
@import "sections/_about.css";
@import "sections/_experience.css";
@import "sections/_skills.css";
@import "sections/_certifications.css";
@import "sections/_process.css";
@import "sections/_articles.css";
@import "sections/_projects.css";
@import "sections/_reading-list.css";
@import "sections/_contact.css";

/* ========================================
   Utilities
   Helper classes (load last to ensure they can override)
   ======================================== */
@import "utilities/_helpers.css";