/* ==========================================================================
   main.css — shared foundation + components.
   Linked on every page BEFORE that page's own stylesheet in assets/css/pages.
   Load order matters: reset -> tokens -> typography -> layout ->
   components -> utilities.

   CACHE BUSTING: the ?v=x.y.z query on each import is the version token.
   Bump it (repo-wide find/replace of "v=1.0.0") whenever CSS/JS changes so
   returning visitors fetch the new files instead of the immutable-cached ones.
   Keep it identical to the version used in the HTML asset links and main.js.
   ========================================================================== */

@import "base/reset.css?v=1.0.0";
@import "base/tokens.css?v=1.0.0";
@import "base/typography.css?v=1.0.0";
@import "base/layout.css?v=1.0.0";

@import "components/icon.css?v=1.0.0";
@import "components/buttons.css?v=1.0.0";
@import "components/badge.css?v=1.0.0";
@import "components/navbar.css?v=1.0.0";
@import "components/footer.css?v=1.0.0";
@import "components/section.css?v=1.0.0";
@import "components/card.css?v=1.0.0";
@import "components/forms.css?v=1.0.0";
@import "components/cta.css?v=1.0.0";
@import "components/callout.css?v=1.0.0";
@import "components/hero.css?v=1.0.0";
@import "components/steps.css?v=1.0.0";
@import "components/media.css?v=1.0.0";
@import "components/feature-row.css?v=1.0.0";

@import "utilities/helpers.css?v=1.0.0";