/* Shop CSS — hand-written, zero-framework stylesheet.
   Layered cascade: later layers beat earlier ones, no !important needed. */

@layer reset, primitives, tokens, components, layout, utilities, overrides;

@import "./shop/reset.css";

/* Theme CSS — unlayered so it overrides component layers (intentional).
   Primitives set CSS custom properties, layer2 sets theme-aware rules,
   semantic sets base styles on .themed containers. */
@import "./theme-primitives.css";
@import "./theme-layer2-attributes.css";
@import "./theme-semantic.css";

@import "./shop/components.css";
@import "./shop/layout.css";
@import "./shop/utilities.css";
@import "./shop/overrides.css";