/*
 * site.css — the storefront CSS bundle.
 *
 * Load order (cascade matters): the contract and its neutral defaults first, then the base
 * reset, then structural layout, then components, then page-specific CSS. The per-shop theme
 * file is intentionally NOT imported here — _Head links it separately AFTER this bundle so
 * its brand-token overrides win (loaded last by _Head as a separate link element).
 *
 * No utility framework. Every rule references only contract tokens via var(--token).
 */

/* 1. Contract: every design token on :root with brand-neutral defaults */
@import "tokens.css";

/* 2. Base: modern reset, body/heading defaults, :focus-visible, reduced-motion, a11y utils */
@import "base.css";

/* 3. Layout: container, product grid, shell regions, rainbow-bar accent scaffolding */
@import "layout.css";

/* 4. Components (scoped, semantic class names, token-driven) */
@import "components/header.css";
@import "components/footer.css";
@import "components/product-card.css";
@import "components/price-tag.css";
@import "components/facet-panel.css";
@import "components/breadcrumb.css";
@import "components/safety-block.css";
@import "components/category-pill.css";
@import "components/rainbow-bar.css";
@import "components/video-embed.css";
@import "components/content-table.css";
@import "components/color-grid.css";
@import "components/consent-banner.css";

/* 5. Pages */
@import "pages/home.css";
@import "pages/product.css";
@import "pages/category.css";
@import "pages/content.css";
@import "pages/cart.css";
@import "pages/checkout.css";
@import "pages/order.css";