/* ============================================================================
   Main Stylesheet
   ============================================================================

   This file imports all modular CSS components in the correct order.
   Import order matters - base styles should come first, then components.
   ============================================================================ */

/* ===========================
   Base Styles
   =========================== */
@import "./base/variables.css";
@import "./base/reset.css";

/* ===========================
   Layout
   =========================== */
@import "./layout/container.css";
@import "./layout/section.css";
@import "./layout/hero.css";

/* ===========================
   Components
   =========================== */
@import "./components/button.css";
@import "./components/navbar.css";
@import "./components/about.css";
@import "./components/skills.css";
@import "./components/timeline.css";
@import "./components/projects.css";
@import "./components/contact.css";
@import "./components/card.css";
@import "./components/badge.css";
@import "./components/footer.css";

/* ===========================
   Utilities
   =========================== */
@import "./utilities/animations.css";
@import "./utilities/helpers.css";

/* ===========================
   Themes
   =========================== */
@import "./themes/dark-mode.css";