/* core.css — owns nothing itself. It is the load order for the site-wide
   stylesheets so a page needs one <link> for the system plus one for its own
   page file. Order matters: tokens, then base, then layout, then components.

   No build step: these are plain CSS @imports the browser resolves. */

@import url("tokens.css");
@import url("base.css");
@import url("layout.css");

@import url("components/type.css");
@import url("components/button.css");
@import url("components/nav.css");
@import url("components/footer.css");
@import url("components/page-header.css");
@import url("components/plate.css");
@import url("components/card.css");
@import url("components/panel.css");
@import url("components/form.css");
@import url("components/chip.css");
@import url("components/quantity.css");
@import url("components/table.css");
@import url("components/accordion.css");
@import url("components/toast.css");
@import url('components/construction.css');