/* =========================================================================
   Odin — entry stylesheet
   This file is intentionally thin: it declares the cascade-layer order
   and imports per-concern modules from static/css/odin/. The order of
   @layer matters — later layers win same-specificity conflicts. Each
   module places itself on a single layer so component rules can never
   accidentally win over page rules.

   Module map (see docs/frontend.md "Where to go next" for context):
     reset       _reset.css         element resets, body, links, focus
     tokens      _tokens.css        :root design tokens (OKLCH-first)
     base        _typography.css    h*, p, .wordmark (display bloom)
                 _layout.css        header, status bar, footer, legal
     components  _buttons.css       .btn variants
                 _badges.css        category + soon badges
                 _progress.css      pipeline progress strip
                 _gauges.css        compass + audit gauges
                 _effects.css       Konami code-rain, reduced-motion guards
     pages       pages/_hero.css        landing search
                 pages/_profile.css     profile layout + content
                 pages/_auth.css        sign-in
                 pages/_dashboard.css   dashboard / quota / history
                 pages/_error.css       static 404 (CDN-served)
   ========================================================================= */

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

@import url("odin/_reset.css")           layer(reset);
@import url("odin/_tokens.css")          layer(tokens);
@import url("odin/_typography.css")      layer(base);
@import url("odin/_layout.css")          layer(base);
@import url("odin/_buttons.css")         layer(components);
@import url("odin/_badges.css")          layer(components);
@import url("odin/_progress.css")        layer(components);
@import url("odin/_gauges.css")          layer(components);
@import url("odin/_effects.css")         layer(components);
@import url("odin/pages/_hero.css")      layer(pages);
@import url("odin/pages/_profile.css")   layer(pages);
@import url("odin/pages/_auth.css")      layer(pages);
@import url("odin/pages/_dashboard.css") layer(pages);
@import url("odin/pages/_error.css")     layer(pages);