/* ==========================================================================
   Entry stylesheet — shared by every page.

   Cascade layers, lowest → highest priority. Declaring the order once here
   means each file below can wrap itself in its layer, and a rule in a later
   layer always wins regardless of selector specificity or load order.

   Page-specific styles live in pages/*.css and are linked by that page only.
   ========================================================================== */

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

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

/* Layout */
@import url("layout/layout.css");

/* Components */
@import url("components/header.css");
@import url("components/button.css");
@import url("components/breadcrumb.css");
@import url("components/chip.css");
@import url("components/app-card.css");
@import url("components/empty-state.css");
@import url("components/sheet.css");
@import url("components/category-list.css");
@import url("components/tag-list.css?v=2");
@import url("components/badge.css");
@import url("components/avatar.css");
@import url("components/toast.css");
@import url("components/tabs.css");
@import url("components/field.css");
@import url("components/landing.css");
@import url("components/account-menu.css");
@import url("components/footer.css");
@import url("components/wp.css");

/* Utilities */
@import url("utilities/motion.css");
@import url("utilities/scrollbar.css");