:root {
  --cs-primary: #4b1608;
  --cs-secondary: #ed8d55;
  --cs-accent: #a8ba72;
  --cs-background: #fff8ef;
  --cs-surface: #ffffff;
  --cs-text: #2a1810;
  --cs-muted: #735d50;
  --cs-hero: #f7dfbd;
  --cs-radius: 1.2rem;
  --cs-section-pad: 4.6rem;
  --ink: #2a1810;
  --muted: #735d50;
  --cream: #fff8ef;
  --paper: #ffffff;
  --gold: #ed8d55;
  --gold-dark: #4b1608;
  --line: color-mix(in srgb, #4b1608 18%, #ffffff);
  --shadow: 0 18px 48px color-mix(in srgb, #4b1608 10%, transparent);
}

body {
  background:
    radial-gradient(circle at 14% 8%, color-mix(in srgb, #f7dfbd 52%, transparent), transparent 34rem),
    linear-gradient(135deg, #fff8ef 0%, color-mix(in srgb, #f7dfbd 38%, #fff8ef) 100%);
  color: #2a1810;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1, h2, h3, .hero h1, .section-heading h2, .category-header h2 {
  font-family: Georgia, "Times New Roman", serif;
  color: #2a1810;
}


.site-header,
.qr-hero,
.menu-hero,
.hero,
.admin-body {
  background:
    radial-gradient(circle at 18% 20%, color-mix(in srgb, #ffffff 78%, transparent), transparent 25rem),
    linear-gradient(135deg, color-mix(in srgb, #f7dfbd 72%, #fff8ef) 0%, #fff8ef 100%) !important;
}

.section { padding-top: var(--cs-section-pad); padding-bottom: var(--cs-section-pad); }
.nav::before,
.admin-mobile-bar,
.v43-topbar {
  background: color-mix(in srgb, #fff8ef 86%, transparent) !important;
  border-color: color-mix(in srgb, #4b1608 16%, #ffffff) !important;
}

.brand-mark,
.admin-logo .brand-mark,
.v43-avatar,
.cs-login-brand .brand-mark {
  background: #4b1608 !important;
  color: #ffffff !important;
}

.button,
.order-button,
.qr-submit,
.add-to-cart,
.checkout-button,
.qty-btn,
.customize-btn {
  border-radius: 1.2rem !important;
}

.button.primary,
.cs-login-btn,
button.primary,
.admin-btn.primary,
.qr-submit,
.order-submit,
.add-to-cart,
.checkout-button,
.order-button,
.js-send-order:not(.disabled) {
  background: #4b1608 !important;
  border-color: #4b1608 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.button.primary:hover,
.order-button:hover,
.qr-submit:hover,
.checkout-button:hover {
  background: color-mix(in srgb, #4b1608 88%, #000) !important;
}

.button.secondary,
.cs-login-btn.secondary {
  background: color-mix(in srgb, #ffffff 84%, transparent) !important;
  color: #4b1608 !important;
  border-color: color-mix(in srgb, #4b1608 20%, #ffffff) !important;
}

.admin-card,
.menu-card,
.contact-panel,
.intro div,
.offer-card,
.qr-cart,
.qr-item,
.review-card,
.gallery-card,
.login-card,
.cs-login-card,
.qr-order-panel,
.qr-cart-panel {
  background: color-mix(in srgb, #ffffff 88%, transparent) !important;
  border-color: color-mix(in srgb, #4b1608 16%, #ffffff) !important;
  border-radius: 1.2rem !important;
  box-shadow: 0 18px 48px color-mix(in srgb, #4b1608 10%, transparent) !important;
}


.eyebrow,
.item-kicker,
.category-header p,
.text-link,
.menu-card strong,
.admin-menu-label,
.v43-top-link,
.price,
.badge,
.item-badge,
.price-badge {
  color: #ed8d55 !important;
}

.badge,
.item-badge,
.popular-badge,
.new-badge,
.best-seller-badge,
.menu-badge {
  background: color-mix(in srgb, #ed8d55 16%, #ffffff) !important;
  border-color: color-mix(in srgb, #ed8d55 42%, #ffffff) !important;
  border-radius: 999px !important;
}

.nav-links a:hover,
.nav-links a:focus-visible,
.admin-nav-center.active,
.admin-nav-center:hover,
.v43-bell:hover {
  background: color-mix(in srgb, #a8ba72 18%, #ffffff) !important;
  color: #4b1608 !important;
}

.hero-image,
.menu-card-media,
.menu-card-media img,
.menu-item-image,
.offer-image,
.gallery-image,
.gallery-grid img,
.gallery-card img {
  border-color: color-mix(in srgb, #ed8d55 32%, #ffffff) !important;
  border-radius: 1.2rem !important;
}

.item-bottom strong,
.menu-card-body > strong,
.menu-card strong:last-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  background: color-mix(in srgb, #ed8d55 16%, #ffffff);
  border: 1px solid color-mix(in srgb, #ed8d55 38%, #ffffff);
  border-radius: 999px;
  padding: .35rem .7rem;
}


.menu-card, .offer-card, .button, .order-button { transition: transform .16s ease, background .16s ease; }
.menu-card:hover, .offer-card:hover { transform: translateY(-2px); }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .18;
  background-image:
    radial-gradient(circle at 10% 20%, #ed8d55 0 .18rem, transparent .2rem),
    radial-gradient(circle at 80% 18%, #a8ba72 0 .16rem, transparent .18rem),
    radial-gradient(circle at 45% 80%, #4b1608 0 .12rem, transparent .14rem);
  background-size: 8rem 8rem, 10rem 10rem, 7rem 7rem;
}


@media (max-width: 760px) {
  body::after { display: none; }
}