/* DataTalk custom styles — entrypoint.
 *
 * The design system lives in DESIGN.md at the repo root — read it before
 * changing anything here. In short: sourcing is TYPOGRAPHY-FIRST — TYPEFACE
 * carries form (serif = the AI's prose, mono = SQL + FEC data, sans =
 * furniture) and the LABEL carries source ("AI generated:" vs a plain label).
 * No surface fills on content cards, never a colored border (DESIGN.md §1, §8).
 *
 * Chainlit 2.x renders message bodies with `.message-content` and the
 * Tailwind Typography `.prose` class. Side-panel `cl.Text` elements also
 * render inside `.prose`, so the same selectors cover both.
 *
 * Modular layout: each concern lives in its own file under `./styles/`.
 * `tokens.css` MUST import first — every other module references its custom
 * properties (palette, fonts, hierarchy tokens).
 *
 * CACHE-BUSTING: none needed. The server tags every `/public/*` response
 * `Cache-Control: no-cache` (see chainlit_app/cache_middleware.py), so the
 * browser fetches the current bytes on every load instead of caching stale CSS.
 * No `?v=N` query strings, no manual version bumping; editing a stylesheet just
 * needs a browser refresh.
 */

@import url("./styles/tokens.css");
@import url("./styles/prose.css");
@import url("./styles/tool-cards.css");
@import url("./styles/table-breakout.css");
@import url("./styles/artifacts-card.css");
@import url("./styles/redash-handoff.css");
@import url("./styles/footer.css");
@import url("./styles/masthead.css");
@import url("./styles/welcome-screen.css");
@import url("./styles/welcome-splash.css");
@import url("./styles/user-message.css");
@import url("./styles/composer.css");
@import url("./styles/disclaimer-modal.css");
@import url("./styles/clarify-cards.css");
@import url("./styles/feedback-contact.css");
@import url("./styles/branding.css");