/* Datum Kit — one file to include.
   <link rel="stylesheet" href="…/components/kit.css">
   <link rel="stylesheet" href="…/themes/theme.yoursite.css">     ← always AFTER the kit

   Everything in the kit lives in cascade layers (kit.tokens → kit.base → kit.components).
   Your theme file and your own site CSS are not in a layer, so they always win over the kit
   without needing stronger selectors.                                                       */

@layer kit.tokens, kit.base, kit.components, kit.cms;

@import url("../tokens/tokens.css") layer(kit.tokens);
@import url("base/base.css") layer(kit.base);
@import url("button/button.css") layer(kit.components);
@import url("form/form.css") layer(kit.components);
@import url("table/table.css") layer(kit.components);
@import url("card/card.css") layer(kit.components);
@import url("badge/badge.css") layer(kit.components);
@import url("tabs/tabs.css") layer(kit.components);
@import url("popup/popup.css") layer(kit.components);
@import url("header/header.css") layer(kit.components);
@import url("footer/footer.css") layer(kit.components);