:root {
  --bg: #f7f5f0;
  --panel: #ffffff;
  --panel-2: #f0ede7;
  --line: #dedad2;
  --text: #171614;
  --muted: #77736c;
  --accent: #c7661c;
  --accent-soft: #fae8d7;
}

html { background: var(--bg); color-scheme: light; }
body { background: #ebe8e1; color: var(--text); }
.app-shell { background: var(--bg); box-shadow: 0 0 60px rgba(38, 31, 23, .12); }

.topbar {
  background: rgba(255, 255, 255, .94) !important;
  border-color: #e8e4dc !important;
  box-shadow: 0 7px 22px rgba(45, 38, 28, .04);
}
.brand-logo { filter: invert(1); }
.icon-button,
.search-close,
.cart-close,
.sheet-close { background: #fff !important; border-color: var(--line) !important; color: #24211d; }

.mode-switch { background: #ebe8e2 !important; border-color: #dcd7ce !important; }
.mode-switch::before { background: #fff !important; box-shadow: 0 2px 8px rgba(42, 34, 24, .1), inset 0 0 0 1px #d8d2c8 !important; }
.mode { color: #817c74 !important; }
.mode.active { color: #181613 !important; }
.mode i { background: #bbb5ac !important; }
.mode.active i { background: var(--accent) !important; }
.location { color: var(--text); }

.categories {
  background: rgba(247, 245, 240, .96) !important;
  border-color: var(--line) !important;
}
.category { color: var(--muted) !important; }
.category.active { color: var(--text) !important; }

.product,
.quick-panel,
.quick-link,
.auth-card,
.profile-card,
.order-card,
.voucher-panel,
.voucher-ticket,
.choice,
.payment-option { background: var(--panel) !important; border-color: var(--line) !important; color: var(--text); }
.product { box-shadow: 0 5px 16px rgba(51, 41, 27, .06); }
.product-info p { color: #65615a !important; }
.product-add { border-color: #cfc8bd !important; background: #fff; }
.quick-link.primary { border-color: var(--accent) !important; color: var(--text) !important; background: #fffaf5 !important; }

.home-hero { border-color: #d7d1c7 !important; background-color: #ded8ce !important; }
.home-hero-copy,
.home-hero-copy h2,
.home-hero-copy strong { color: #fff; }
.home-hero-copy p { color: #e5e1db !important; }
.hero-order { background: rgba(255, 255, 255, .94) !important; border-color: rgba(255, 255, 255, .75) !important; color: #171614; }
.home-dot { background: #c6c0b6 !important; }
.home-dot.active { background: var(--accent) !important; }

.product-sheet,
.cart-sheet { background: #fff !important; color: var(--text); box-shadow: 0 -22px 54px rgba(41, 32, 22, .2) !important; }
.sheet-close { background: rgba(255, 255, 255, .94) !important; }
.sheet-content fieldset,
.quantity-row,
.cart-line,
.summary-row.total,
.account-list,
.account-row,
.order-tabs { border-color: var(--line) !important; }
.favourite-toggle { background: #faf8f4 !important; border-color: #d8d2c8 !important; color: #4e4942 !important; }
.favourite-toggle.active { color: var(--accent) !important; background: var(--accent-soft) !important; border-color: var(--accent) !important; }
.addon b { color: #67625b !important; }
.quantity-row button,
.quantity-row b { background: #f6f3ed !important; }

.search-field,
.voucher-input { background: #fff !important; border-color: #d6d0c6 !important; color: #181613 !important; }
.search-field::placeholder,
.voucher-input::placeholder { color: #9a958c; }
.choice.active { border-color: var(--accent) !important; background: var(--accent-soft) !important; color: var(--accent) !important; }
.choice small { color: var(--muted) !important; }

.bottom-nav {
  background: rgba(255, 255, 255, .96) !important;
  border-color: var(--line) !important;
  box-shadow: 0 -8px 25px rgba(38, 31, 23, .06);
}
.bottom-nav button { color: #9a958c !important; }
.bottom-nav button.active { color: var(--accent) !important; }
.cart-bar { background: #fffaf4 !important; box-shadow: 0 12px 28px rgba(55, 40, 22, .18) !important; }
.cart-count,
.add-button,
.payment-button,
.redeem-button { color: #fff !important; }

.google-button { border: 1px solid var(--line) !important; box-shadow: 0 3px 10px rgba(45, 37, 27, .06); }
.profile-avatar { color: #fff !important; }
.order-tab.active { color: var(--text) !important; }
.order-progress i { background: #d8d3cb !important; }
.orders-empty strong,
.favourites-empty strong,
.cart-empty-state strong { color: var(--text) !important; }
.voucher-ticket::before,
.voucher-ticket::after { background: var(--bg) !important; border-color: var(--line) !important; }
.voucher-ticket code { color: #514c45 !important; border-color: #d5cfc5 !important; }
.voucher-empty,
.favourites-empty { border-color: #d6d0c6 !important; }

.cart-line strong,
.summary-row.total { color: var(--text) !important; }
.clear-cart { background: #fff !important; }
.payment-option { background: #faf8f4 !important; }
.scrim { background: rgba(37, 30, 22, .48) !important; }
.badge { background: rgba(255, 255, 255, .9) !important; color: #a64f0e !important; }
.home-hero .badge { background: rgba(20, 17, 14, .76) !important; color: #ffad6e !important; }

@media (min-width: 700px) {
  body { background: #ebe8e1 !important; }
}