/* css_/app.css */
@layer base, layout, components, utilities, pages;

/* CORE */
@import url("./core/tokens.css") layer(base);
@import url("./core/reset.css")  layer(base);
@import url("./core/base.css")   layer(base);
@import url("./core/layout.css") layer(layout);

/* COMPONENTS */
@import url("./components/logo.css")      layer(components);
@import url("./components/nav.css")       layer(components);
@import url("./components/buttons.css")   layer(components);
@import url("./components/socials.css")   layer(components);
@import url("./components/cards.css")     layer(components);
@import url("./components/utilities.css") layer(utilities);

/* PAGES (can change freely without touching structure) */
@import url("./pages/landing.css") layer(pages);
@import url("./pages/media.css")   layer(pages);
@import url("./pages/background.css") layer(pages);

/* FOOTER */
@import url("./components/footer.css") layer(components);