/*
 * mh-layers.css
 *
 * Declares the CSS cascade-layer order for the storechild theme.
 * Must be enqueued BEFORE any stylesheet that uses one of these layer names,
 * so the browser knows the precedence order when it parses subsequent rules.
 *
 * Layer order (later wins):
 *   mh.legacy      — wp_custom_css (Customizer "Additional CSS") and
 *                    Storefront's customizer-generated color CSS, wrapped via
 *                    PHP filters in functions.php. These previously printed
 *                    inline AFTER all enqueued stylesheets and could only be
 *                    beaten with !important — that arms race is the source of
 *                    most of the ~1000 !important declarations in this theme.
 *   mh.base        — design tokens (CSS vars, root reset, typography)
 *   mh.components  — new namespaced UI components (e.g. mh-mobile-header,
 *                    mh-calculator). Built fresh; never needs !important
 *                    against legacy/base.
 *   mh.overrides   — escape hatch for emergencies. Empty by default.
 *
 * Note: unlayered CSS still wins over all layered CSS. Existing stylesheets
 * (style.css, v1 redesign files, parent Storefront CSS) remain unlayered and
 * continue to work exactly as before. This PR adds layering only for the
 * inline customizer CSS sources that were causing the cascade fights.
 */

@layer mh.legacy, mh.base, mh.components, mh.overrides;