/* Declare cascade order */
@layer reset, base, layout, components, utilities, overrides;

/* Design tokens live outside layers so everything can read them */
@import url("./tokens.css");

/* Core layers */
@import url("./base.css") layer(base);
@import url("./layout.css") layer(layout);
@import url("./utilities.css") layer(utilities);

/* Components */
@import url("./components/header-nav.css") layer(components);
@import url("./components/hero.css") layer(components);
@import url("./components/containers.css") layer(components);
@import url("./components/cards.css") layer(components);
@import url("./components/forms.css") layer(components);
@import url("./components/image-grid.css") layer(components);
@import url("./components/footer.css") layer(components);

/* Page-wide responsive tweaks / one-off overrides */
@import url("./responsive.css") layer(overrides);