/* ============================================================
   xmesh Design System — index.css

   Single entry point. Components reference `--md-sys-*` (canonical
   Material Design 3 system tokens) and `--xm-*` (xmesh extensions
   for non-MD3 concepts). `--x-*` are primitives — never reference
   from components.

   Import order matters: MD3 layer must load before the legacy
   `_semantic.css` alias layer (which maps `--c-*` → `--md-sys-*`
   for back-compat during the migration).

   Layered files, by responsibility:
     _fonts.css                 Google Fonts import
     _primitives.css            raw `--x-*` literals (palette source)
     md3/_color.css             `--md-sys-color-*` roles
     md3/_type.css              `--md-sys-typescale-*` roles
     md3/_shape.css             `--md-sys-shape-corner-*` tokens
     md3/_elevation.css         `--md-sys-elevation-level*` tokens
     md3/_motion.css            `--md-sys-motion-*` tokens
     md3/_state.css             `--md-sys-state-*` opacities
     _xmesh-extensions.css      `--xm-*` non-MD3 tokens
     _layout.css                `--xm-breakpoint-*` / `--xm-container-max` / `--xm-gutter-*`
     _semantic.css              legacy `--c-*` aliases (deletes in Phase 10)
     _type.css                  type role shorthands + .x-* helpers
     _space.css                 `--r-*` / `--s-N` / `--m-*` aliases
     _elevation.css             `--e-*` aliases
     _scroll.css                `.scroll-canvas` / `.scroll-hidden`
   ============================================================ */
@import url("./_fonts.css");
@import url("./_primitives.css");
@import url("./md3/_color.css");
@import url("./md3/_type.css");
@import url("./md3/_shape.css");
@import url("./md3/_elevation.css");
@import url("./md3/_motion.css");
@import url("./md3/_state.css");
@import url("./_xmesh-extensions.css");
@import url("./_layout.css");
@import url("./_semantic.css");
@import url("./_type.css");
@import url("./_space.css");
@import url("./_elevation.css");
@import url("./_scroll.css");