/* ════════════════════════════════════════════════════════════════════════
   The cascade layer order for the entire storefront. DECLARED EXACTLY ONCE.

   Source: 06-S1-VISUAL-DIRECTION.md §3 —
     @layer reset, tokens, base, layout, components, utilities, vendor-quarantine;

   Layer order is fixed by FIRST APPEARANCE, which is why this statement must
   be the first stylesheet the browser parses. functions.php enforces that with
   a dependency chain, not with a hope about enqueue order: every other
   stylesheet declares `rtv-layers` as a dependency (directly or transitively).

   No other file may contain an `@layer` STATEMENT. Other files contribute to
   these layers with `@layer <name> { ... }` blocks, which is a different thing
   and does not reorder anything.

   Why the order is what it is:
     reset             normalisation only; must lose to everything
     tokens            :root custom properties; no selectors that can conflict
     base              bare element styling
     layout            shells, grids, the spine
     components        the card, the price, the button, the field
     utilities         narrow single-purpose overrides, incl. reduced motion
     vendor-quarantine WooCommerce/third-party neutralisation. The ONLY file
                       permitted any `!important` at all (gate G6).
   ════════════════════════════════════════════════════════════════════════ */

@layer reset, tokens, base, layout, components, utilities, vendor-quarantine;
