/* Active palette inspired by the repainted sage wall and wood interior. */
:root {
  --bg: #222a21;
  --bg-soft: #333d31;
  --surface: #374233;
  --surface-2: #46513f;
  --text: #f1eadc;
  --muted: #d8cbb9;
  --gold: #ddb171;
  --gold-strong: #ddb171;
  --line: rgba(221, 177, 113, 0.2);
  --shadow: 0 24px 70px rgba(18, 22, 15, 0.28);
  --sunrise-halo: rgba(255, 210, 142, 0.14);
  --sage-field: #465341;
  --sage-field-soft: #4e5a48;
  --sage-field-deep: #3d4938;
}

body {
  background:
    radial-gradient(ellipse at 72% -12%, var(--sunrise-halo), transparent 38%),
    radial-gradient(ellipse at 16% 112%, rgba(241, 234, 220, 0.055), transparent 44%),
    linear-gradient(180deg, var(--sage-field) 0%, #44503e 48%, var(--sage-field-deep) 100%);
}

.site-header {
  background: rgba(22, 28, 21, 0.93);
  border-bottom-color: rgba(221, 177, 113, 0.18);
}

.brand,
.footer-title,
.price,
.rating,
.contact-grid h3,
.hero-panel strong {
  color: var(--gold-strong);
}

.button {
  border-color: rgba(221, 177, 113, 0.82);
}

.button.primary {
  background: var(--gold);
  color: #222a21;
  border-color: #ddb171;
}

.social-link {
  background: #1877f2;
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 22px rgba(18, 22, 15, 0.2);
}

.social-link[href*="instagram"] {
  background: linear-gradient(135deg, #f58529 0%, #dd2a7b 42%, #8134af 72%, #515bd4 100%);
}

.social-link:hover {
  filter: saturate(1.04) brightness(1.03);
}

.hero {
  background:
    radial-gradient(ellipse at 68% -10%, rgba(255, 210, 142, 0.22), transparent 38%),
    linear-gradient(180deg, var(--sage-field-soft) 0%, var(--sage-field) 58%, #404b3b 100%);
  border-bottom-color: rgba(221, 177, 113, 0.1);
}

.hero::before {
  background: linear-gradient(180deg, rgba(255, 241, 214, 0.036), transparent 44%);
}

.hero-sign {
  position: relative;
  filter: drop-shadow(0 28px 58px rgba(8, 10, 8, 0.22));
}

.hero-sign::before {
  content: "";
  position: absolute;
  inset: -18% -8%;
  z-index: -1;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(241, 234, 220, 0.09), transparent 58%),
    radial-gradient(ellipse at 50% 58%, rgba(221, 177, 113, 0.12), transparent 46%);
  pointer-events: none;
}

.hero-sign img,
.gallery img,
.media-frame,
.review-card,
.info-card,
.content-card {
  border-color: rgba(221, 177, 113, 0.24);
}

.hero-sign img {
  border-color: transparent;
  opacity: 1;
  filter: none;
}

.media-frame,
.gallery img {
  box-shadow: 0 20px 54px rgba(18, 22, 15, 0.24);
}

.hero-panel,
.review-card,
.info-card,
.content-card {
  background: linear-gradient(180deg, rgba(48, 58, 45, 0.86), rgba(34, 42, 32, 0.9));
  box-shadow: 0 18px 46px rgba(18, 22, 15, 0.2);
}

.section {
  background:
    radial-gradient(ellipse at 82% 0%, rgba(255, 210, 142, 0.1), transparent 36%),
    linear-gradient(180deg, var(--sage-field) 0%, #414c3b 100%);
}

.section,
.menu-row,
.feature,
.menu-section h2,
.hours li,
.footer-bottom {
  border-color: rgba(221, 177, 113, 0.1);
}

.band {
  background:
    radial-gradient(ellipse at 18% 0%, rgba(255, 210, 142, 0.09), transparent 34%),
    linear-gradient(180deg, #43503e 0%, var(--sage-field-deep) 100%);
  border-block-color: rgba(221, 177, 113, 0.1);
}

.page-hero {
  background:
    radial-gradient(ellipse at 70% -12%, rgba(255, 210, 142, 0.14), transparent 34%),
    linear-gradient(180deg, var(--sage-field) 0%, #42503d 100%);
  border-bottom-color: rgba(221, 177, 113, 0.14);
}

.site-footer {
  background: linear-gradient(180deg, #3d4938, #253024);
  border-top-color: rgba(221, 177, 113, 0.1);
}

input,
textarea {
  background: rgba(43, 52, 40, 0.92);
}

.footer-bottom a,
.scroll-hint,
.map-link,
.stars,
.eyebrow {
  color: var(--gold);
}

.site-footer .footer-list {
  color: var(--text);
}