/* AssetDepth global.css
   -> DEV: kann als Aggregator per @import genutzt werden (leicht zu debuggen)
   -> PROD: besser bundlen (concatenate/minify) und nur eine Datei ausliefern
*/
@layer tokens, base, layout, components, pages, utilities;

/* tokens */
@import url("./00-tokens/tokens.css") layer(tokens);
@import url("./00-tokens/themes.css") layer(tokens);

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

/* layout */
@import url("./02-layout/container.css") layer(layout);

/* components */
@import url("./03-components/header.css") layer(components);
@import url("./03-components/footer.css") layer(components);
@import url("./03-components/theme-toggle.css") layer(components);
@import url("./03-components/buttons.css") layer(components);

/* pages */
@import url("./04-pages/home.css") layer(pages);
@import url("./04-pages/addons.css") layer(pages);
@import url("./04-pages/flow-diagram.css") layer(pages);
@import url("./04-pages/duration.css") layer(pages);
@import url("./04-pages/auth.css") layer(pages);
@import url("./04-pages/admin.css") layer(pages);


/* utilities */
@import url("./90-utilities/utilities.css") layer(utilities);