/*
 * Entry stylesheet.
 *
 * The cascade-layer order is declared once here so layer order, not specificity,
 * resolves conflicts. Anything written outside a layer outranks every layered
 * rule, so all real styles live in one of these layers and stray top-level rules
 * are treated as a review failure.
 *
 * Layer order, lowest to highest priority:
 *   reset      browser normalization
 *   tokens     design tokens and theme overrides
 *   base       element defaults and typography
 *   layout     app shell, navigation, container queries
 *   components one file per component block
 *   utilities  small single-purpose helpers
 *   overrides  last-resort escape hatch, kept empty by default
 */

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

@import url('./01-reset.css') layer(reset);
@import url('./02-tokens.css') layer(tokens);
@import url('./03-base.css') layer(base);
@import url('./04-layout.css') layer(layout);

/*
 * Component styles. Each component agent adds one file per block here. The set
 * is enumerated explicitly rather than glob-imported so the loaded surface is
 * always visible and reviewable. Add a line when you add a component file.
 */
@import url('./05-components/app-nav.css') layer(components);
@import url('./05-components/wallet-balance.css') layer(components);
@import url('./05-components/tx-list.css') layer(components);
@import url('./05-components/send-form.css') layer(components);
@import url('./05-components/receive.css') layer(components);

@import url('./06-utilities.css') layer(utilities);