/* ==========================================================================
   app.css — Stylesheet entry point
   --------------------------------------------------------------------------
   Authored as small, single-responsibility files (one per component) and
   bundled here via @import. Pages link ONLY this file (after Bootstrap):

       <link href="https://.../bootstrap.min.css" rel="stylesheet" />
       <link href="./css/app.css" rel="stylesheet" />

   Load order matters: tokens → base → theme → layout → components.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/* Foundation */
@import "tokens.css";
@import "base.css";
@import "theme.css";
@import "layout.css";

/* Components (one file each) */
@import "components/navbar.css";
@import "components/buttons.css";
@import "components/cards.css";
@import "components/stat-card.css";
@import "components/forms.css";
@import "components/tables.css";
@import "components/badges.css";
@import "components/modal.css";
@import "components/tabs.css";
@import "components/hero.css";
@import "components/feedback.css";
@import "components/footer.css";
@import "components/auth.css";
@import "components/settings.css";
@import "components/action-card.css";
@import "components/helpers.css";
@import "components/legacy-buttons.css";
@import "components/problems.css";
@import "components/monitoring.css";
@import "components/wizard.css";
@import "components/tiny-factory.css";