/* styles/main.css */
@layer reset, tokens, base, layout, components, utilities;

/* RESET */
@import url("./base/reset.css") layer(reset);

/* TOKENS */
@import url("./tokens/theme.css") layer(tokens);
@import url("./tokens/type-scale.css") layer(tokens);
@import url("./tokens/spacing.css") layer(tokens);
@import url("./tokens/layout.css") layer(tokens);

/* BASE */
@import url("./base/body.css") layer(base);
@import url("./base/links.css") layer(base);
@import url("./base/effects.css") layer(base);
@import url("./base/spoilers.css") layer(base);
@import url("./base/code.css") layer(base);

/* LAYOUT */
@import url("./layout/about.css") layer(layout);
@import url("./layout/sections.css") layer(layout);
@import url("./layout/containers.css") layer(layout);
@import url("./layout/grids.css") layer(layout);

/* COMPONENTS */
@import url("./components/nav.css") layer(components);
@import url("./components/display-card.css") layer(components);
@import url("./components/buttons.css") layer(components);
@import url("./components/forms.css") layer(components);
@import url("./components/avatar.css") layer(components);
@import url("./components/section-overview.css") layer(components);
@import url("./components/expandocard/index.css") layer(components);
@import url("./components/focusfeed/index.css") layer(components);
@import url("./components/iconpicker/index.css") layer(components);
@import url("./components/post-shell.css") layer(components);
@import url("./components/systemsmap/index.css") layer(components);
@import url("./components/promptstack/index.css") layer(components);

/* UTILITIES */
@import url("./utilities/animations.css") layer(utilities);
@import url("./utilities/states.css") layer(utilities);