/* Approved layout; ivory paper and fine gold lattice from the supplied reference. */
:root {
  --bg: #f8f4e7;
  --surface: #fffaf0;
  --ivory: #342d24;
  --muted: #71644f;
  --gold: #846329;
  --bright-gold: #765a24;
  --line: rgba(132,99,41,.24);
  color-scheme: light;
}
body {
  background: var(--bg) url('assets/generated/ivory-paper.png') repeat;
  background-size: 640px 640px;
}
.site-header {
  color: var(--ivory);
  background: var(--bg) url('assets/generated/ivory-paper.png') center / 640px 640px repeat;
  border-bottom-color: var(--line);
}
.button.filled, .basket-float, .count, .skip {
  background: var(--gold);
  color: #fffaf0;
  border-color: var(--gold);
}
.button.filled:hover, .basket-float:hover {
  background: var(--bright-gold);
  border-color: var(--bright-gold);
}
.button.outline { color: var(--gold); background: #fffaf052; }
.button.outline:hover { background: #e9dfc76b; }
.basket-float { box-shadow: 0 8px 35px #55422126; }
.basket-count { border-color: #fffaf070; }
.toast { background: #342d24; color: #fffaf0; }
/* Keep the approved food photograph and its readable light typography. */
.hero {
  --bg: #121310;
  --ivory: #f4f0e5;
  --gold: #c6a15b;
  --bright-gold: #e2c383;
  color: var(--ivory);
}
.hero .button.filled { color: #181b13; }
.hero .button.outline { color: var(--ivory); background: #12131040; }
.hero .button.outline:hover { background: #c6a15b1f; }
.cuisine-band {
  background: linear-gradient(#f8f4e754,#f8f4e754), url('assets/generated/ivory-lattice.svg') center / 64px 64px repeat;
  border-color: var(--line);
}
.cuisine-band a { color: #634c27; font-weight: 600; }
.cuisine-band a:hover { color: #342d24; }
.rail-label, .menu-footnote p, .menu-item .photo-caption { color: var(--muted); }
.category-button { color: #645740; }
.category-button:hover { color: #342d24; background: #ddcda52e; }
.category-button[aria-selected=true] {
  color: #6d4f20;
  border-color: var(--gold);
  background: linear-gradient(90deg,#d6bd8738,transparent);
}
#categories { scrollbar-color: #b8a071 transparent; }
.dish-photo { background: #eee6d4; border-color: #b9a17030; }
.add-button { border-color: #ac915e; }
.add-button:hover, .quantity button:hover { color: #fffaf0; }
.locations-section { background: var(--bg); }
.locations-section:before {
  opacity: 1;
  background: linear-gradient(90deg,#f8f4e7ed 0%,#f8f4e7cf 45%,#f8f4e726 100%), url('assets/generated/ivory-lattice.svg') center / 64px 64px repeat;
}
select, textarea, .location-picker select {
  color: var(--ivory);
  background: #fffcf4;
  border-color: #b8a078;
}
textarea::placeholder { color: #827563; opacity: 1; }
#location-details p { color: var(--muted); }
footer {
  background: var(--bg) url('assets/generated/ivory-paper.png') center / 640px 640px repeat;
}
footer>p, .footer-bottom { color: var(--muted); }
dialog { color: var(--ivory); background: var(--surface); box-shadow: 0 25px 100px #342d243d; }
dialog::backdrop { background: #342d2473; }
.order-bottom { background: #f2ebd9; }
.variant-option:has(input:checked) { background: #d6bd8726; }
@media(max-width:800px) {
  .category-rail { background: #f8f4e7fa; }
  .category-button[aria-selected=true] { color: #fffaf0; background: var(--gold); }
}
@media(max-width:560px) {
  .site-header { background: var(--bg) url('assets/generated/ivory-paper.png') center / 640px 640px repeat; }
  .locations-section:before { opacity: 1; background: linear-gradient(#f8f4e7cf,#f8f4e7cf),url('assets/generated/ivory-lattice.svg') center / 64px 64px repeat; }
}