/* =============================================================================
   Main Stylesheet — Import-only entry point.
   All rules live in layered CSS files.

   Layer order:
   1. Base — fonts, tokens, reset, typography, grid, utilities
   2. Layout — primitives (page-body, section, container, boxed)
   3. Components — card, button, section-header, etc. (added per project)
   4. Sections — hero, navbar, footer, etc. (added per project)
   5. Pages — page-specific overrides (added per project)
   ============================================================================= */

/* ── Base layer ── */
@import "base/fonts.css";
@import "base/tokens-primitives.css";
@import "base/tokens-semantic.css";
@import "base/reset.css";
@import "base/typography.css";
@import "base/grid.css";
@import "base/utilities.css";

/* ── Layout layer ── */
@import "layout/primitives.css";

/* ── Components layer ── */
@import "components/button.css";
@import "components/card.css";
@import "components/section-header.css";

/* ── Sections layer ── */
@import "sections/navbar.css";
@import "sections/hero.css";
@import "sections/home.css";
@import "sections/article.css";
@import "sections/archive.css";
@import "sections/areas.css";
@import "sections/map.css";
@import "sections/footer.css";

/* ── Pages layer ── */
/* Add page-specific CSS imports here as needed */