/* static/css/layers-base.css — the every-page cascade-layer aggregator (DSGN-04).
 *
 * Replaces base.html's <link> to theme.css. Loads on every page (/, /lobby/<id>, /game/<id>).
 *
 * Why the legacy file is imported rather than left as its own <link>: an UNLAYERED author rule
 * beats EVERY layered rule regardless of specificity. Layering only the new code therefore
 * accomplishes nothing — proven in a real browser, evidence/01-LAYER-PROOF.md Claim 3. theme.css
 * has to move INTO a layer; it is not edited to do so (zero lines changed, GA-2).
 *
 * The @layer statement below MUST stay first: layer order is fixed once, by the first @layer
 * statement the document sees. game.html's inline block later joins layer(legacy) by name and
 * lands in this already-ordered slot — it is not appended after components just because it loads
 * later (evidence/01-LAYER-PROOF.md Claim 2). game.css/chat.css are imported there, not here, so
 * the home and pre-lobby pages keep never downloading 246 KB of game.css.
 *
 * CSS requires @import to be the first rules in a sheet. Never append an ordinary rule above them.
 */
@layer legacy, components;
@import url("theme.css") layer(legacy);
@import url("foundation.css") layer(components);