/* Global white background pass: keep brand accents and imagery, remove neutral page fills. */
:root {
  --bg: #fff;
  --surface: #fff;
  --panel: #fff;
}

html,
body {
  background: #fff;
}

.app-shell,
.app-header,
.bottom-nav,
.home-cover,
.flavor-gallery,
.ordering-page,
.wallet-page,
.brand-story,
.story-topbar,
.story-chapter-bar,
.hero,
.hero-bottom,
.showcase,
.brand-callout,
.wallet-overview,
.wallet-preset,
.search,
.product-image,
.order-peek,
.current-container,
.ordering-catalog .container-rail-entry,
.line-control .quantity,
.logistics-panel,
.field input,
.field select,
.field textarea,
.cart-dock button,
.story-slide--ingredients,
.story-slide--creation,
.story-art-ingredients,
.story-art-creation,
.story-focus {
  background-color: #fff;
}

.taste-scenes::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, .9), rgba(255, 255, 255, .08) 25%, rgba(255, 255, 255, .08) 58%, #fff 100%);
}

.showcase-pagination::before,
.showcase-arrow {
  background: rgba(255, 255, 255, .9);
}

.welcome::backdrop {
  background: rgba(255, 255, 255, .98);
}