/* ==========================================================================
   VELVET BREW — main stylesheet
   Imports the full modular system. Order matters (tokens → reset → type → ...).
   ========================================================================== */
@import url("base/variables.css");
@import url("base/reset.css");
@import url("base/typography.css");
@import url("base/utilities.css");

@import url("layout/grid.css");
@import url("layout/header.css");
@import url("layout/navigation.css");
@import url("layout/footer.css");
@import url("layout/cart.css");

@import url("pages/home.css");
@import url("pages/brand-story.css");
@import url("pages/products.css");
@import url("pages/product-detail.css");
@import url("pages/about.css");
@import url("pages/blog.css");
@import url("pages/checkout.css");
@import url("pages/process.css");
@import url("pages/wholesale.css");
@import url("pages/auth.css");
@import url("pages/contact.css");
@import url("pages/gifting.css");
@import url("pages/quiz.css");


/* Site Footer brand stripes */

.site-footer {
  position: relative;
}

.site-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg,
      var(--pkg-lilac) 0% 20%,
      var(--pkg-olive) 20% 40%,
      var(--pkg-peach) 40% 60%,
      var(--pkg-gold) 60% 80%,
      var(--pkg-mint) 80% 100%);
  z-index: 10;
}

/* Lenis */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
  overflow: hidden;
}