/* ============================================================
   Neighbourhood — vanilla component layer (import everything)
   ------------------------------------------------------------
   One import gives a plain-HTML project the full system:
     @import "nbh-2026-theme/vanilla/components/index.css";
   It pulls in base.css (which pulls in tokens.css), the shared
   motion classes, then every component stylesheet.
   ============================================================ */

@import "../../base.css";
@import "./motion.css";
@import "./bevel.css";

/* compositions / templates (V4 brand examples from the decks) */
@import "./social-card.css";
@import "./poster.css";
@import "./bento.css";
@import "./document-cover.css";
@import "./web-hero.css";

@import "./button.css";
@import "./link.css";
@import "./pill.css";
@import "./badge.css";

@import "./nav.css";
@import "./breadcrumb.css";
@import "./pagination.css";

@import "./service-tile.css";
@import "./service-card.css";
@import "./case-card.css";
@import "./stat-block.css";
@import "./hero.css";

@import "./brand-video.css";
@import "./testimonial.css";
@import "./logo-marquee.css";
@import "./cta.css";
@import "./footer.css";

@import "./input.css";
@import "./textarea.css";
@import "./select.css";
@import "./checkbox.css";
@import "./radio.css";
@import "./toggle.css";

@import "./modal.css";
@import "./toast.css";
@import "./theme-toggle.css";