/* layer order: from lowest to highest priority */

/* ------------------------ */
/* Global styles (baseline) */
/* ------------------------ */
@import url("globals/reset.css") layer(globals.reset);
@import url("design-tokens.css") layer(globals.design-tokens);
@import url("globals.css") layer(globals.globals);
@import url("globals/typography.css") layer(globals.typography);
@import url("globals/header.css") layer(globals.header);
@import url("globals/footer.css") layer(globals.footer);
@import url("globals/form.css") layer(globals.form);
@import url("globals/table.css") layer(globals.table);
@import url("globals/responsive.css") layer(globals.responsive);
@import url("print.css") layer(globals.print) print;

/*------------------------ */
/* Compositions or Layouts */
/*------------------------ */
@import url("compositions/cover.css") layer(compositions.cover);
@import url("compositions/flow.css") layer(compositions.flow);
@import url("compositions/center-margin.css") layer(compositions.center-margin);
@import url("compositions/cluster.css") layer(compositions.cluster);
@import url("compositions/grid.css") layer(compositions.grid);
@import url("compositions/switcher.css") layer(compositions.switcher);
@import url("compositions/masonry.css") layer(compositions.masonry);
@import url("compositions/icon.css") layer(compositions.icon);
@import url("compositions/card.css") layer(compositions.card);
@import url("compositions/sidebar.css") layer(compositions.sidebar);

/* --------- */
/* Utilities */
/* --------- */
@import url("utilities/typography.css") layer(utilities.typography);
@import url("utilities/form.css") layer(utilities.form);
@import url("utilities/table.css") layer(utilities.table);

/* -------------------- */
/* Blocks or Snowflakes */
/* -------------------- */
@import url("blocks/stretching-cursor.css") layer(blocks.stretching-cursor);
@import url("blocks/color-scheme-toggle.css") layer(blocks.color-scheme-toggle);