/* ==========================================================================
   AltoTrail Assistant Stylesheet
   --------------------------------------------------------------------------
   Purpose
   Entry stylesheet that composes the assistant UI from smaller modular
   CSS files.

   Architecture
   The order of imports defines the cascade layers for the assistant UI.

   Layers (top → bottom priority)
   --------------------------------------------------------------------------
   1. Design tokens
   2. Base/reset
   3. Structural layout
   4. Shared global components
   5. Form components
   6. Navigation
   7. Results + markdown content
   8. Step-specific UI (map / running)
   9. Mobile layout overrides
   10. Modal dialogs
   11. Legal footer
   12. Final step overrides

   Notes
   - Later imports may intentionally override earlier rules.
   - Step-specific styles are intentionally placed late in the cascade.
   - This file should remain small and only orchestrate CSS modules.
   - Entry stylesheet composing the assistant UI from modular CSS files.
   - The import order defines cascade priority.
   - Layers are declared explicitly so DevTools can show module grouping
     when debugging styles.
   ========================================================================== */

@layer tokens, base, layout, shared, forms, navigation, content, steps, mobile, components, overrides;

@import "./tokens.css" layer(tokens);
@import "./base.css" layer(base);
@import "./layout.css" layer(layout);
@import "../../global/theme-pills.css" layer(shared);
@import "./forms.css" layer(forms);
@import "./navigation.css" layer(navigation);
@import "./results-and-content.css" layer(content);
@import "./step-map.css" layer(steps);
@import "./step-running.css" layer(steps);
@import "./step5-mobile.css" layer(mobile);
@import "./modal.css" layer(components);
@import "./legal-footer.css" layer(components);
@import "./step5-footer.css" layer(overrides);