/* adia:barrel/host — the slim host-page foundation.

   One <link> turns a bare HTML document into an AdiaUI host:

     <link rel="stylesheet" href="@adia-ai/web-components/styles/host.css" />

   Provides: design tokens + global resets + page-frame.
   Does NOT include component styles — link the components barrel separately:

     <link rel="stylesheet" href="@adia-ai/web-components/styles/index.css" />   ← primitives
     <link rel="stylesheet" href="@adia-ai/web-modules/index.css" />              ← composites (opt-in)

   ── Layer YOUR surface's chrome OVER it ──────────────────────────────
     <link rel="stylesheet" href="@adia-ai/web-components/styles/host.css" />
     <link rel="stylesheet" href="@adia-ai/web-components/styles/index.css" />
     <link rel="stylesheet" href="/site/site.css" />        ← docs site, or
     <style> main { max-inline-size: 60rem; … } </style>     ← a demo's own CSS

   Consumer rules sit ABOVE the layered components, so they win
   without a specificity fight.

   ── Opt-in add-ons (link separately when wanted) ─────────────────────
     styles/themes.css   the [theme] preset switcher      (@layer context)
     styles/prose.css    the [prose] content context           (@layer context)
     styles/verse.css    the [verse] compact register          (opt-in density)

   See ADR-0035 (foundation reorg) + ADR-0038 (cascade layers). */

@layer reset, tokens, elements, components, utilities, context, overrides;

@import "./tokens.css";
@import "./resets.css" layer(reset);

@layer reset {
  /* Page-frame. resets.css already floors `body`; this extends the same
     defaults up to the document root so overscroll / rubber-band areas +
     color-scheme match, and anchors the host font-family at :root so it
     holds even before `body` inherits. Token-only; :where() keeps specificity
     at (0,0,0) so any consumer html/body rule wins. */
  :where(html) {
    background: var(--a-bg);
    color: var(--a-fg);
    font-family: var(--a-font-family);
    min-block-size: 100dvb;
  }
}