/* The stylesheet, split into sections and imported in order.

   The order is load-bearing and must not change. Several selectors in
   `tome.css` tie with earlier ones on specificity and win only because they
   come later, and `responsive.css` overrides the whole desktop design at
   narrow widths. Both are noted where the rules are.

   Add a new section by adding a file and an `@import` for it. Put the import
   where the rules belong in the cascade, not at the end by habit.
*/
@import './styles/fonts.css';         /* @font-face for the self-hosted families */
@import './styles/tokens.css';        /* custom properties: colors, fonts, spacing */
@import './styles/base.css';          /* scrollbars */
@import './styles/nav.css';           /* the top navigation bar */
@import './styles/forms.css';         /* inputs, labels, and buttons */
@import './styles/cards.css';         /* cards, lists, and the story-card editor */
@import './styles/play.css';          /* the Play screen and the branches panel */
@import './styles/panels.css';        /* the side panel and the in-play script viewer */
@import './styles/drawers.css';       /* the status drawer and the world-state drawer */
@import './styles/schema-editor.css'; /* the stat-schema form and the NPC roster */
@import './styles/insights.css';      /* insights, scripts, and the memory bank */
@import './styles/knowledge.css';     /* the imported knowledge library (M7) */
@import './styles/modals.css';        /* the filter bar, tags, and modals */
@import './styles/auth.css';          /* log in, sign up, and the settings debug log */
@import './styles/banners.css';       /* the Play screen's persistent banner */
@import './styles/tome.css';          /* the illuminated-tome surfaces */
@import './styles/chat.css';          /* the AI Chat scratchpad */
@import './styles/tree-map.css';      /* the branch map overlay */
@import './styles/analytics.css';     /* the visitor dashboard */
@import './styles/responsive.css';    /* narrow screens, 720px and below */