@layer reset, tokens, core, components, utilities, partials, pages;

/*
 *  Layer: reset
 * --------------------------
 *  browser normalization
 */
@import "./_reset.css" layer(reset);

/*
 *  Layer: tokens
 * --------------------------
 *  design tokens
 */
@import "./_tokens.css" layer(tokens);

/*
 *  Layer: core
 * --------------------------
 *  core HTML element styles
 */
@import "./_core.css" layer(core);

/*
 *  Layer: components
 * --------------------------
 *  reusable macros
 */
@import "./components/_page-header.css" layer(components);
@import "./components/_section.css" layer(components);
@import "./components/_card.css" layer(components);
@import "./components/_detail-grid.css" layer(components);
@import "./components/_link-buttons.css" layer(components);

/*
 *  Layer: utilities
 * --------------------------
 *  misc class utilities
 */
@import "./_utilities.css" layer(utilities);

/*
 *  Layer: partials
 * --------------------------
 *  fragments you {% include %} into layouts or pages
 */
@import "./partials/_header.css" layer(partials);
@import "./partials/_footer.css" layer(partials);

/*
 *  Layer: pages
 * --------------------------
 *  page-specific styles
 */
@import "./pages/_index.css" layer(pages);
@import "./pages/_about.css" layer(pages);
@import "./pages/_work.css" layer(pages);
@import "./pages/_sumtablets.css" layer(pages);