:root {
  --primary-bg: #ffffff;
  --secondary-bg: #fff8f1;
  --tertiary-bg: #fff3e8;
  --card-bg: #ffffff;
  --glass-bg: #ffffff;
  --glass-border: #eee8e3;
  --gold-primary: #e9823b;
  --gold-light: #f1a36a;
  --gold-dark: #c96825;
  --gold-gradient: linear-gradient(135deg, #e9823b, #f1a36a);
  --gold-glow: 0 4px 16px rgba(233, 130, 59, 0.16);
  --gold-glow-strong: 0 6px 20px rgba(233, 130, 59, 0.22);
  --text-primary: #22201e;
  --text-secondary: #49433f;
  --text-muted: #746f6b;
  --text-dark: #22201e;
  --shadow-sm: 0 2px 8px rgba(45, 32, 20, 0.06);
  --shadow-md: 0 4px 16px rgba(45, 32, 20, 0.08);
  --shadow-lg: 0 8px 32px rgba(45, 32, 20, 0.1);
  --shadow-gold: 0 4px 18px rgba(233, 130, 59, 0.14);
}

body {
  background: #fff !important;
  color: #22201e;
}

.navbar {
  position: sticky;
  top: 0;
  min-height: 108px;
  height: auto;
  background: #fff !important;
  border-bottom: 1px solid #eee8e3;
  box-shadow: 0 5px 18px rgba(45, 32, 20, 0.05);
  backdrop-filter: none;
}

.navbar-inner {
  max-width: 1500px;
  min-height: 108px;
  height: auto;
  margin: 0 auto;
  padding: 12px 32px;
  gap: 20px;
}

.navbar-logo { height: 72px; flex: 0 0 auto; }
.navbar-menu { flex: 1 1 auto; max-width: 900px; flex-wrap: wrap; align-content: center; gap: 2px 22px; margin: 0; padding: 0; }
.navbar-menu a { color: #22201e !important; font-size: 13px; }
.navbar-menu a:hover { color: #c96825 !important; }
.navbar-menu a::after { background: #e9823b; }
.navbar-actions { min-width: 160px; width: auto; flex: 0 0 auto; gap: 14px; }
.navbar-icon { color: #22201e !important; }
.navbar-icon svg { stroke: currentColor; }
.cart-count { background: #e9823b !important; color: #fff !important; }
.hamburger span { background: #22201e !important; }

.mobile-menu {
  background: #fff !important;
  border-top: 1px solid #eee8e3;
  box-shadow: 0 12px 24px rgba(45, 32, 20, 0.08);
}

.mobile-menu a { color: #22201e !important; }
.mobile-menu a:hover { color: #c96825 !important; }

body:not(.storefront-home) main { background: #fff8f1 !important; color: #22201e; }
body:not(.storefront-home) section { background-color: #fff8f1 !important; color: #22201e; }
body:not(.storefront-home) .section { background: #fff8f1 !important; color: #22201e; }
body:not(.storefront-home) .breadcrumb { background: #fff !important; color: #746f6b; }
body:not(.storefront-home) h1,
body:not(.storefront-home) h2,
body:not(.storefront-home) h3,
body:not(.storefront-home) h4 { color: #22201e; }
body:not(.storefront-home) p { color: #49433f; }

body:not(.storefront-home) .cart-item-product-name {
  color: var(--text-primary);
}

body:not(.storefront-home) input,
body:not(.storefront-home) select,
body:not(.storefront-home) textarea {
  background-color: #fff !important;
  color: #22201e !important;
  border-color: #e8c6aa !important;
}

body:not(.storefront-home) .btn-primary,
body:not(.storefront-home) .btn-add-cart,
body:not(.storefront-home) .btn-review,
body:not(.storefront-home) .setup-subscription-btn {
  background: #e9823b !important;
  border-color: #e9823b !important;
  color: #fff !important;
}

body:not(.storefront-home) .footer {
  background: #fff !important;
  color: #22201e;
  border-top: 2px solid #e9823b;
}

.footer .footer-brand p,
.footer .footer-column a,
.footer .footer-bottom p { color: #746f6b !important; }
.footer .footer-column h4 { color: #22201e !important; }
.footer .footer-social a { border-color: #e9823b !important; color: #c96825 !important; }
.footer .footer-social a:hover { background: #e9823b !important; color: #fff !important; }
.footer .footer-column a:hover { color: #c96825 !important; }
.footer .footer-bottom { border-color: #eee8e3 !important; }

.mobile-cta {
  background: #fff3e8 !important;
  border-top: 1px solid #eee8e3 !important;
}

@media (max-width: 700px) {
  .navbar { min-height: 68px; height: 68px; }
  .navbar-inner { min-height: 68px; padding: 0 14px; }
  .navbar-logo { height: 52px; }
  .navbar-menu { display: none; }
  .navbar-actions { min-width: 0; gap: 10px; }
  .searchbar-wrapper { width: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .sale-marquee-track { animation: none !important; }
}