/* =============================================================
   index.css — imports the whole design system in dependency order.
   For production, prefer linking only the layers you use, or run a
   bundler/minifier. This aggregator is for convenience & the catalog.

   <link rel="stylesheet" href="design-system/index.css">
   <link rel="stylesheet" href="design-system/tokens/tokens.dark.css">  (dark overrides)
   ============================================================= */

@import url("tokens/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");

@import url("components/divider.css");
@import url("components/section.css");
@import url("components/button.css");
@import url("components/card.css");
@import url("components/form.css");
@import url("components/badge.css");
@import url("components/modal.css");
@import url("components/toast.css");
@import url("components/nav.css");
@import url("components/hero.css");
@import url("components/search.css");