/*! LAYER ORDER — the architecture, declared once.

A later layer wins over an earlier one REGARDLESS of specificity, so `sites/<slug>.css` overrides a
component without `!important` and without a longer selector, and a component cannot beat a
template. Every layered file names its own layer, so this order — not the load order — decides.

The DESIGN files (css/design/) are deliberately NOT in a layer. Unlayered CSS beats every layer, which makes
"a site file may never define a token" a mechanical guarantee rather than a review rule: a tier-3
override physically cannot redefine `--ink-*`. Re-pointing a role is the runtime brand block's
job (docs/FRONTEND-REBUILD.md §1.4), never a stylesheet's.

Third-party CSS in no layer also beats all of this. That is the mechanism, not a defect — wrap it
or accept it, never fight it with `!important`. */

@layer reset, base, layout, components, templates, site;