/*
 * site.css — Master stylesheet
 *
 * Declares the cascade layer order then imports every file.
 * The @layer declaration must come before any @imports so the
 * browser resolves precedence before parsing individual files.
 *
 * Layer priority (lowest → highest):
 *   reset → tokens → base → flow → prose → layout → components → utilities
 *
 * Do not change the layer order without good reason.
 * Never use !important — fix specificity via the layer structure instead.
 */

@layer reset, tokens, base, flow, prose, layout, components, utilities;

/* ── Design tokens ── */
@import "./tokens/index.css";

/* ── Base styles ── */
@import "./base/reset.css";
@import "./base/flow.css";
@import "./base/prose.css";

/* ── Page layout ── */
@import "./layout.css";

/* ── Components ── */
@import "./components/header.css";
@import "./components/footer.css";
@import "./components/section.css";
@import "./components/container.css";
@import "./components/grid.css";
@import "./components/nav.css";
@import "./components/card.css";
@import "./components/button.css";
@import "./components/custom.css";

/* ── Utilities ── */
@import "./utilities.css";