/* ============================================================
   HiddenMe — Design System Entry Point
   
   Import order matters:
   1. Base (tokens, reset, utilities, animations)
   2. Components (reusable across pages)
   3. Pages (page-specific styles)
   4. Responsive (breakpoints for all components)
   ============================================================ */

/* ── 1. Foundation ── */
@import "base.css";

/* ── 2. Components ── */
@import "components/nav.css";
@import "components/section.css";
@import "components/cards.css";
@import "components/faq.css";
@import "components/footer.css";

/* ── 3. Pages ── */
@import "pages/home.css";
@import "pages/product.css";
@import "pages/legal.css";
@import "pages/contact.css";
@import "pages/use-case.css";

/* ── 4. Responsive ── */
@import "responsive.css";