/* ========================================================================== main.css Single entry point. Import order matters: base tokens/reset/type first, then layout, then components, then page-specific overrides last so pages can override components when genuinely needed without specificity fights. Link only this file in every HTML . ========================================================================== */ /* Base */ @import url("base/variables.css"); @import url("base/reset.css"); @import url("base/typography.css"); /* Layout */ @import url("layout/grid.css"); @import url("layout/header.css"); @import url("layout/footer.css"); /* Components */ @import url("components/buttons.css"); @import url("components/cards.css"); @import url("components/nav.css"); @import url("components/timeline.css"); @import url("components/stats.css"); @import url("components/forms.css"); @import url("components/badges.css"); /* Pages — each imported but empty until that page's implementation step */ @import url("pages/home.css"); @import url("pages/about.css"); @import url("pages/journey.css"); @import url("pages/work.css"); @import url("pages/case-study.css"); @import url("pages/resume.css"); @import url("pages/contact.css"); @import url("pages/404.css");