/* ============================================================
   xmesh DS · base.css — the one-import baseline (the `./base` entry).

   Imported once at a consumer's app root, this gives a styled, themed
   page foundation in a single statement (FR-1/2/3/4/6, ADR 0011):
     • the declared @layer order — consumer overrides written outside
       these layers win without `!important`;
     • an always-on reset (@layer reset);
     • the full token contract + theming default (@layer tokens, via
       styles/index.css), so OS / data-theme theming applies (ADR 0013);
     • opt-in raw-HTML typography behind [data-xm-base] (@layer base).

   The existing `./styles` entry (styles/index.css) is unchanged and
   stays tokens-only — existing consumers get no surprise reset.
   `components` / `utilities` are declared (reserved order slots) so
   component CSS and consumer utilities slot in predictably later.
   ============================================================ */

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

@import url("./_reset.css") layer(reset);
@import url("./index.css") layer(tokens);
@import url("./_base-typography.css") layer(base);