/* ---------------------------------------------------------------------------
 * base.css — Umbrella sheet for the base CSS layer.
 *
 * Loaded by App.razor. Imports are ordered so the design system loads in the
 * canonical pipeline:
 *
 *     tokens → motion → breakpoints → legacy root vars → typography → resets
 *
 * tokens.css MUST be first so every downstream file (legacy root.css, the
 * generated tailwind.css, every component sheet, and every Razor inline
 * style) can resolve `var(--*)` references at runtime. motion.css follows
 * immediately because the reduced-motion override needs to be authoritative
 * across the cascade.
 *
 * See docs/design/02-principles-and-tokens.md §9 (Token pipeline) for the
 * architectural reasoning.
 * ------------------------------------------------------------------------- */

/* Phase 2 additions — single source of truth for all design tokens. */
@import url('./tokens.css');
@import url('./motion.css');

/* Pre-existing base sheets. breakpoints.css declares responsive widths;
 * root.css is now a thin legacy-alias layer that maps old token names (e.g.,
 * --spacing-md, --color-primary-*, --font-size-h*) onto the new tokens.css
 * contract so component CSS migrates incrementally rather than in one shot.
 * typography.css and resets.css are unchanged. */
@import url('./breakpoints.css');
@import url('./root.css');
@import url('./typography.css');
@import url('./resets.css');

/* general.css was historically imported here but the file does not exist on
 * disk; the entry is kept commented to document the intent and avoid a 404
 * on every page load. If the file is ever re-introduced, uncomment below. */
/* @import url('./general.css'); */