@charset "UTF-8";

/* #region Globals */

@import url("./layers/globals/color-properties.css") layer(color-properties);
@import url("./layers/globals/root-variables.css") layer(root-variables);

/* #endregion */

/* #region Base */

@import url("./layers/base/primer.css") layer(primer);
@import url("./layers/base/text.css") layer(text);
@import url("./layers/base/outline-grid.css") layer(outline-grid);
@import url("./layers/base/content-flow.css") layer(content-flow);
@import url("./layers/base/lists.css") layer(lists);
@import url("./layers/base/tables.css") layer(tables);
@import url("./layers/base/forms.css") layer(forms);
@import url("./layers/base/buttons.css") layer(buttons);
@import url("./layers/base/misc-elements.css") layer(misc-elements);

/* #endregion */

/* #region Components */

@import url("./layers/components/card-grid.css") layer(card-grid-component);
@import url("./layers/components/tool.css") layer(tool-component);

/* #endregion */

/* #region Entities */

@import url("./layers/entities/tool-color-schemer.css") layer(tool-color-schemer-entity);

/* #endregion */

/* #region Layouts */

@import url("./layers/layouts/outline-links.css") layer(outline-links);
@import url("./layers/layouts/site-banner.css") layer(site-banner);
@import url("./layers/layouts/site-footer.css") layer(site-footer);
@import url("./layers/layouts/site-content.css") layer(site-content);
@import url("./layers/layouts/layout-index.css") layer(layout-index);
@import url("./layers/layouts/layout-tool.css") layer(layout-tool);

/* #endregion */

/* #region Page-specific items */

@import url("./layers/pages/color-schemer.css") layer(color-schemer-page);
@import url("./layers/pages/external-resources.css") layer(external-resources-page);

/* #endregion */

/* #region Specials */

/* @import url("./layers/specials/comic-sans-day.css") layer(comic-sans-day); */
@import url("./layers/specials/print.css") layer(print-style);

/* #endregion */