:root {
  color-scheme: dark;
  --panel-border-strong: rgba(222, 178, 116, 0.62);
  --divider-border: rgba(222, 178, 116, 0.27);
  --brown: #f1e7da;
  --cream: #211913;
  --white: #fff9f0;
  --black: #f1e7da;
  --menu-selection-background: #32261e;
  --disabled-background: #382e27;
  --calendar-hover-background: #463328;
  --focus-ring-color: rgba(216, 177, 118, 0.26);
  --icon-shadow-color: rgba(0, 0, 0, 0.17);
  --calendar-shadow-color: rgba(0, 0, 0, 0.38);
  --select-chevron-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23f1e7da' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 7 6 6 6-6'/%3E%3C/svg%3E");
}

body,
.nav-bar,
.nav-links {
  background-color: var(--cream);
}

.menus-page .menu-choice-toggle,
.partner-card,
.review-card,
.quote-container,
.menus-page .menu-panel,
.reviews-content .review-card,
.menus-page .menu-panel-heading,
.menus-page .menu-extra {
  background-color: #30241d;
}

.menus-page .menus-container .menu-choice-toggle:is(:hover, :active, .is-pressed, :focus-visible),
.menus-page .menu-extra-toggle:is(:hover, :active, .is-pressed) {
  background-color: #483425;
  border-color: var(--panel-border-strong);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

@media (width > 950px) and (pointer: fine), (width > 950px) and (pointer: none), (width > 1440px) {
  .menus-page > dialog::backdrop {
    background: rgba(10, 7, 5, 0.74);
  }
}

.menus-page .menu-extra-toggle {
  background-color: #3a2b21;
}

.photo-gallery-item {
  background-color: #38291f;
}

.google-business-rating-total {
  color: #cbbbac;
}

.form-group input:not([type="checkbox"]),
.form-group select,
.form-group textarea,
.date-input-wrap,
.date-calendar {
  background-color: #352920;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #c5b4a3;
  opacity: 1;
}

.date-calendar-day[aria-pressed="true"] {
  color: #211913;
}

.date-calendar-day[aria-pressed="true"]:hover {
  color: var(--white);
}