/* CLIXHOUSE design system — cascade order (v1.0.0)
   ─────────────────────────────────────────────────────────────────
   This file declares the canonical @layer order. Every site MUST
   import this first. Layer order is the load-bearing contract.

     reset       — universal element baseline (Comeau + Bell lineage)
     tokens      — primitives + semantic custom properties (per brand)
     base        — element-level defaults using semantic tokens
     layout      — page scaffolds, grids, section rhythm
     components  — every visual component (scope-rooted via @scope)
     utilities   — escape hatches (rare; not the styling strategy)
     overrides   — last-resort, intentionally empty by default

   Unlayered styles (rules outside any @layer) win over layered ones.
   Avoid unlayered CSS unless deliberately overriding the system.

   Framework files in this directory (each importable à la carte):
     reset.css            — modern reset (Comeau + Bell)
     a11y.css             — focus, reduced-motion, forced-colors, print
     base.css             — element defaults consuming semantic tokens
     tokens-defaults.css  — neutral OKLCH defaults + palette generator
     tokens-contract.css  — semantic token names (template, comments only)
     capabilities.css     — opt-in 2026 native features (non-motion)
     motion.css           — motion & interaction layer (reveals, scroll, tactile, transitions, thumb-zone)
     layouts.css          — Heydon Pickering + Andy Bell intrinsic primitives
     modern.css           — :has(), light-dark(), @starting-style, style queries
     patterns.css         — @scope component reference (btn, card, prose, nav)
     dark.css             — light-dark() opt-in dark mode + data-theme toggle
     typography.css       — variable-font axes + OpenType feature toggles
     print.css            — comprehensive opt-in print stylesheet (@page, links, tables)
     utilities.css        — visually-hidden, skip-link, container, stack
     index.css            — one-line import that loads the whole framework
     showcase.html        — living kitchen-sink demo (served at /static/design/showcase.html)
     showcase.css         — page-only chrome for showcase.html (TOC, swatches)

   References:
     Miriam Suzanne — https://www.miriamsuzanne.com/2022/09/06/layers/
     MDN @layer    — https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
*/

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