/* ==========================================================================
   Cains.dev Design System — single entry point.

   Import order matters: tokens define the variables every other file reads,
   base sets element defaults, then components layer on top.

   Usage:
     <link rel="stylesheet" href="/design-system/index.css" />

   Note: @import triggers sequential requests. That's fine for a styleguide
   and acceptable for this site's scale; if main-page load time ever matters,
   concatenate these files into one bundle at deploy time.
   ========================================================================== */

/* Foundations */
@import "./tokens.css";
@import "./base.css";

/* Components */
@import "./components/navbar.css";
@import "./components/hero.css";
@import "./components/button.css";
@import "./components/section-header.css";
@import "./components/card.css";
@import "./components/table.css";
@import "./components/form.css";
@import "./components/toast.css";
@import "./components/footer.css";
@import "./components/badge.css";
@import "./components/alert.css";
@import "./components/tag.css";
@import "./components/stat.css";