/* ==========================================================================
   φ-css — entry point
   Layer order is declared once, up front. Later layers win regardless of
   selector specificity, so there is never a reason to reach for !important.
   ========================================================================== */

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

@import url("./reset.css") layer(reset);

@import url("./tokens/primitives.css") layer(tokens);
@import url("./tokens/scale.css") layer(tokens);
@import url("./tokens/semantic.css") layer(tokens);
@import url("./tokens/contrast.css") layer(tokens);
@import url("./tokens/forced-colors.css") layer(tokens);

@import url("./base.css") layer(base);

@import url("./layout/primitives.css") layer(layout);
@import url("./layout/templates.css") layer(layout);

@import url("./components/icons.css") layer(components);
@import url("./components/button.css") layer(components);
@import url("./components/card.css") layer(components);
@import url("./components/status.css") layer(components);
@import url("./components/field.css") layer(components);
@import url("./components/choice.css") layer(components);
@import url("./components/table.css") layer(components);
@import url("./components/nav.css") layer(components);
@import url("./components/disclosure.css") layer(components);
@import url("./components/dialog.css") layer(components);
@import url("./components/menu.css") layer(components);
@import url("./components/toast.css") layer(components);
@import url("./components/hero.css") layer(components);
@import url("./components/chart.css") layer(components);

@import url("./utilities.css") layer(utilities);