/* ============================================================================
 * ACCOUNT CSS v2 — entry point
 *
 * Read css/account/README.md first. The short version:
 *
 *   The legacy stylesheet is pulled in UNEDITED, into the BOTTOM layer. Layer
 *   order beats specificity outright, so every rule in this system wins over
 *   legacy's 320 ID selectors without a single !important and without touching
 *   css/account.css. Migration is additive — write the v2 component, it wins,
 *   delete the legacy rules whenever convenient. Or never.
 *
 * ── The layer order ────────────────────────────────────────────────────────
 * This single declaration fixes priority for the whole system, independent of
 * the order the files below happen to load in. Everything after `legacy`
 * outranks it; `utilities` outranks everything.
 *
 *   reset before tokens is deliberate. They never overlap (reset styles
 *   elements, tokens set custom properties on :root), and putting tokens later
 *   means that if anyone ever sets a custom property in both places, the token
 *   layer is authoritative.
 *
 * ── Cache-busting ──────────────────────────────────────────────────────────
 * build.sh stamps ?v= onto every @import below at build time (the LAT-1911
 * pass, next to the LAT-1797 main.css block) and hard-fails if any unversioned
 * import reaches dist/. NEVER hand-write a ?v= here.
 * ==========================================================================*/

/* LAT-1922 reorder: reset+base+tokens sit BELOW legacy. Layer order beats
 * specificity, so with base ABOVE legacy, v2's bare-element rules (h1, a, td)
 * would beat every legacy CLASS rule for those properties at cutover — a
 * silent app-wide restyle. Defaults defer to legacy; deliberate
 * reimplementations (components and above) override it. */
@layer reset, tokens, base, legacy, components, patterns, sections, utilities;

/* ── The page's whole stylesheet stack, unedited, in ONE layer (LAT-1922) ──
 * account-app.html loaded three unlayered sheets: main.css, account.css,
 * account-shell.css. Two measured lessons from the cutover diff harness:
 *
 *   1. UNLAYERED BEATS LAYERED. Leaving any of the three as a plain <link>
 *      lets it beat the whole layered system — main.css's `* {margin:0;
 *      padding:0}` alone produced ~400 of the first run's 688 deltas. So
 *      cutover replaces ALL THREE links with this file.
 *   2. ONE layer, not one-per-sheet. Splitting them into page < legacy <
 *      shell layers broke THEIR OWN internal contract: account-shell's `*`
 *      reset (specificity 0) suddenly beat main.css's `.nav-link` padding
 *      (specificity 10) on layer order — 572 anchor paddings zeroed. Within
 *      a SINGLE layer, specificity-then-source-order applies — the exact
 *      semantics the three sheets were written against. */
@import url("../../main.css?v=1785867786") layer(legacy);
@import url("../../account.css?v=1785867786") layer(legacy);
@import url("../../account-shell.css?v=1785867786") layer(legacy);

/* ── v2 ─────────────────────────────────────────────────────────────────── */
/* reset.css and base/elements.css are DELIBERATELY NOT loaded yet (LAT-1922).
 * Both sit below legacy, but on properties legacy never sets they still beat
 * UA defaults — the cutover diff measured ~140 deltas from exactly that:
 * svg/img display:block, form controls inheriting line-height via
 * font:inherit, heading letter-spacing, inherited svg currentColor strokes.
 * None of it was individually reviewed, so none of it ships at cutover.
 * Reintroduce WITH the section migrations, where each effect gets looked at.
 * Tokens stay: custom properties alone render nothing.
 *
 * @import url("reset.css?v=1785867786");
 * @import url("base/elements.css?v=1785867786");
 */
@import url("tokens/primitives.css?v=1785867786");
@import url("tokens/semantic.css?v=1785867786");

@import url("components/button.css?v=1785867786");
@import url("components/chip.css?v=1785867786");

@import url("patterns/toolbar.css?v=1785867786");
@import url("patterns/pills.css?v=1785867786");

@import url("utilities/motion.css?v=1785867786");