/* Subtle off-white theme (scoped via body classes) */
:root{
  /* Very light off-white */
  --theme-offwhite: #fffdfb;
  --theme-surface: #ffffff;
  --theme-surface-soft: #fffaf7;
  --theme-border-soft: rgba(92,40,24,0.08);
}

/* ===== Home page (demo.html) ===== */
body.theme-offwhite-home{
  background: var(--theme-offwhite) !important;
}
body.theme-offwhite-home #home-page,
body.theme-offwhite-home .demo-wrap{
  background: var(--theme-offwhite) !important;
}
body.theme-offwhite-home .demo-section{
  background: var(--theme-surface) !important;
}
body.theme-offwhite-home .tiktok-search-input{
  background: var(--theme-surface-soft) !important;
  border-color: var(--theme-border-soft) !important;
}
body.theme-offwhite-home .tiktok-search-suggest{
  border-color: var(--theme-border-soft) !important;
}

/* ===== Cart page (cart.html) ===== */
body.theme-offwhite-cart{
  background: var(--theme-offwhite) !important;
}
body.theme-offwhite-cart .container.page-carrinho{
  background: var(--theme-surface) !important;
}
body.theme-offwhite-cart .container.page-carrinho .cart-content{
  background: var(--theme-offwhite) !important;
}
body.theme-offwhite-cart .cart-item{
  background: var(--theme-surface) !important;
}

/* ===== Product page (product.html) ===== */
body.theme-offwhite-product{
  /* even closer to white */
  --theme-offwhite: #fffefe;
  --theme-surface-soft: #fffdfb;
  background: var(--theme-offwhite) !important;
}