/* SYSTEM LAYER */
@import "./system/reset.css";
@import "./system/tokens.css";
@import "./system/base.css";
@import "./system/typography.css";
@import "./system/layout.css";
@import "./system/utilities.css";

/* COMPONENTS (reusable pieces) */
@import "./components/navigation.css";
@import "./components/buttons.css";
@import "./components/animations.css";
@import "./components/footer.css";

/* SECTIONS (page-specific blocks) */
@import "./sections/hero.css";
@import "./sections/about.css";
@import "./sections/projects.css";
@import "./sections/contact.css";