/* ===========================================================================
   @arag — entry point
   ---------------------------------------------------------------------------
   Link this one file and you have the system:

     <link rel="stylesheet" href="node_modules/@arag/css/src/index.css">

   No build step, no preprocessor, no runtime. Every source file wraps its own
   content in its own @layer, so any individual file is also correct when
   linked on its own.

   Layer order is declared here, once, before anything is imported. Anything
   you write in your own app is unlayered and therefore beats all of it —
   that is the intended override mechanism. No declaration in this package
   raises its own priority, and none in yours should need to.
   =========================================================================== */

@layer reset, tokens, base, components, utilities, overrides;

@import url("./reset.css");
@import url("./tokens.css");
@import url("./base.css");

/* Components. One file each, every one wrapping itself in @layer components.
   Order within the layer does not matter — no component overrides another —
   so this list is alphabetical rather than dependency-ordered. */
@import url("./components/accordion.css");
@import url("./components/alert.css");
@import url("./components/badge.css");
@import url("./components/button.css");
@import url("./components/card.css");
@import url("./components/carousel.css");
@import url("./components/collapse.css");
@import url("./components/dialog.css");
@import url("./components/duo.css");
@import url("./components/field.css");
@import url("./components/masthead.css");
@import url("./components/menu.css");
@import url("./components/money.css");
@import url("./components/progress.css");
@import url("./components/scrollspy.css");
@import url("./components/skip-link.css");
@import url("./components/table.css");
@import url("./components/tabs.css");
@import url("./components/toast.css");

/* Utilities. Imported last because the layer they declare sits above
   components — a utility beats a component with no specificity trick. */
@import url("./utilities.css");