/* Hub stylesheet manifest: declares cascade-layer order and imports hub CSS.
   Layer order, later wins: tokens < base < components < overrides — fixed by the
   @layer statement below, not by @import order. Tool CSS loads on mount into the
   same named layers. */
@layer tokens, base, components, overrides;

/* tokens: design variables, in shared/ so a standalone tool page can load tokens+base alone. */
@import url("./shared/styles/tokens.css") layer(tokens);

/* base: resets, element defaults, shared primitives (.card, .pill, buttons, .notice, forms). */
@import url("./shared/styles/base.css") layer(base);

/* components: per-feature UI. */
/*   -- hub h- primitive layer (hub-private; loaded first so hub surfaces compose over it). */
@import url("./styles/hub-ui/index.css")                         layer(components);
/*   -- hub: home -- */
@import url("./styles/home.css")                                 layer(components);
/*   -- hub: global navigation -- */
@import url("./styles/navigation.css")                           layer(components);

/* overrides: hub chrome. Wins over components by layer order. */
@import url("./styles/hub-chrome.css") layer(overrides);