/* CodingWithEase v2 — App-structure stylesheet
   Single import point for everything that styles the source-generated
   layouts, areas, menus, page-links, and pages plus the framework's
   AppShell overlays and the auth surface.

   Reference from the consumer's host page (Server/Components/App.razor):
     <link rel="stylesheet"
           href="_content/CodingWithEase.Components/css/app-structure/app-structure.css" />

   Layer order (later wins):
     cx-theme → cx-reset → cx-layout → cx-menu → cx-page →
     cx-form  → cx-auth  → cx-brand  → cx-shell → cx-theme-toggle

   Architecture: see docs/architecture/09-app-structure-css.md.
   Targets Chromium 123+ (Edge / Chrome). No vendor prefixes, no fallbacks. */

@layer cx-theme, cx-reset, cx-layout, cx-menu, cx-page, cx-form, cx-auth, cx-brand, cx-shell, cx-theme-toggle;

@import "_theme.css";
@import "_reset.css";
@import "_layout.css";
@import "_menu.css";
@import "_dropdown-menu.css";
@import "_page.css";
@import "_account.css";
@import "_table-view.css";
@import "_form.css";
@import "_auth.css";
@import "_brand.css";
@import "_popover.css";
@import "_multiselect.css";
@import "_app-shell.css";
@import "_app-shell-controls.css";
@import "_theme-toggle.css";