/* CUBE CSS Layer Structure */
@layer reset, global, compositions, blocks, utilities;

/* Global */
@import "global/reset.css" layer(reset);
@import "global/variables.css" layer(global);
@import "global/fonts.css" layer(global);
@import "global/global-styles.css" layer(global);

/* Compositions (Every Layout) */
@import "compositions/wrapper.css" layer(compositions);
@import "compositions/flow.css" layer(compositions);
@import "compositions/repel.css" layer(compositions);
@import "compositions/center.css" layer(compositions);
@import "compositions/cluster.css" layer(compositions);
@import "compositions/switcher.css" layer(compositions);
@import "compositions/sidebar.css" layer(compositions);
@import "compositions/grid.css" layer(compositions);

/* Blocks */
@import "blocks/button.css" layer(blocks);
@import "blocks/hero.css" layer(blocks);
@import "blocks/card.css" layer(blocks);
@import "blocks/nav.css" layer(blocks);
@import "blocks/blog.css" layer(blocks);

/* Utilities */
@import "utilities/text.css" layer(utilities);
@import "utilities/spacing.css" layer(utilities);
@import "utilities/color.css" layer(utilities);
@import "utilities/visually-hidden.css" layer(utilities);