/* Static brand-colored gradients. Each section keeps its own consistent color field. */
:root {
  --forest-gradient: linear-gradient(115deg, #103222 0%, #28533b 52%, #123828 100%);
}

.site-header,
.site-footer {
  background: linear-gradient(105deg, #ffffff 0%, #ffffff 38%, #fffdf7 68%, #f0f5e8 100%);
}

.language-bar {
  background: linear-gradient(105deg, #0c2b1c 0%, #173d2d 58%, #234d37 100%);
}

.site-announcement {
  background: linear-gradient(105deg, #f7f1df 0%, #f1f3e6 50%, #e7eedf 100%);
}

.hero-backdrop {
  background:
    radial-gradient(ellipse at 95% 15%, rgba(156, 181, 133, .24) 0%, transparent 58%),
    radial-gradient(ellipse at 3% 95%, rgba(233, 185, 70, .13) 0%, transparent 55%),
    linear-gradient(115deg, #fffaf2 0%, #f8f3e8 52%, #edf1e4 100%);
}

.favorites {
  background: linear-gradient(160deg, #fffdfa 0%, #fbf4e8 54%, #eff3e7 100%);
}

.menu-section {
  background:
    radial-gradient(ellipse at 0% 100%, rgba(191, 207, 168, .18) 0%, transparent 65%),
    linear-gradient(135deg, #fbf8f0 0%, #f7f5eb 44%, #eaf0e2 100%);
}

.build-section {
  background: var(--forest-gradient);
}

.about-section {
  background: linear-gradient(125deg, #edf2e5 0%, #f7f6ec 42%, #fffaf2 100%);
}

.visit-section {
  background: linear-gradient(135deg, #fff9ef 0%, #f5f3e8 46%, #e8efdf 100%);
}

.visit-details {
  background: linear-gradient(145deg, #fffdf8 0%, #f4f6ed 55%, #eaf0e1 100%);
}

.map-card-header {
  background: var(--forest-gradient);
}

.map-card-footer {
  background: linear-gradient(105deg, #fffdfa 0%, #f6f5eb 60%, #edf2e6 100%);
}

.mobile-nav {
  background: linear-gradient(135deg, #fffdfa 0%, #f8f7ed 60%, #eff4e6 100%);
}

/* Keep small secondary text clear across the pale gradient stops. */
.hero-visual figcaption,
.sample-note,
.footer-bottom {
  color: var(--muted);
}