/* main.css — Entry point. Import order matters: base → layout → components → pages */

/* ── Base ── */
@import "base/reset.css";
@import "base/variables.css";
@import "base/typography.css";

/* ── Layout ── */
@import "layout/header.css";
@import "layout/footer.css";
@import "layout/sections.css";

/* ── Components ── */
@import "components/buttons.css";
@import "components/cards.css";
@import "components/forms.css";
@import "components/navigation.css";
@import "components/tables.css";

/* ── Pages ── */
@import "pages/home.css";
@import "pages/macetas-urbanas.css";
@import "pages/contacto.css";
@import "pages/blog.css";