/* ==========================================================================
   Styles entrypoint
   Goal
   - keep one onboarding entry file while splitting large CSS by responsibility

   Import order (do not reorder without intent)
   1) styles.base.css
      tokens, reset, page frame, global primitives
   2) styles.shell.css
      topbar, hero, shell-level visuals and shared shell icons
   3) styles.routes.css
      page and route specific blocks: home, catalog/discover, detail routes
   4) styles.shared.css
      shared loading states, footer, shared controls
   5) styles.responsive.css
      responsive overrides

   Editing rules
   - if a selector is route/page-bound, keep it in styles.routes.css
   - if a selector is reused by many sections, keep it in styles.shared.css
   - prefer adding global responsive tokens/layout in styles.responsive.css
   - avoid duplicating the same selector across multiple files
   - keep naming simple and section-oriented for non-native readers
   ========================================================================== */

@import url("./styles.base.css");
@import url("./styles.shell.css");
@import url("./styles.routes.css");
@import url("./styles.shared.css");
@import url("./styles.responsive.css");