:root {
  color-scheme: light;
  --bg: #F6D6B3;
  --surface: rgba(250, 251, 246, 0.92);
  --surface-strong: #f6f8f0;
  --ink: #2F5D62;
  --muted: #5f6d61;
  --line: rgba(47, 93, 98, 0.15);
  --accent: #A7B087;
  --accent-dark: #3f5e55;
  --accent-soft: #F2C14E;
  --shadow: 0 28px 84px rgba(63, 94, 85, 0.14);
}

body {
  background:
    radial-gradient(circle at 12% 16%, rgba(167, 176, 135, 0.34), transparent 18%),
    radial-gradient(circle at 92% 18%, rgba(242, 193, 78, 0.16), transparent 18%),
    linear-gradient(180deg, #e9efe0 0%, #dfe8d0 44%, #fbfcf7 100%);
}

body::before {
  background-image:
    linear-gradient(rgba(63, 94, 85, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63, 94, 85, 0.07) 1px, transparent 1px);
  background-size: 38px 38px;
}

.topbar {
  background: rgba(63, 94, 85, 0.94);
}

.brand,
.topbar a,
.topbar-links a {
  color: #f8fbf5;
}

.topbar-links a:hover,
.topbar-links a:focus-visible {
  color: #f2c14e;
}

.hero {
  background: linear-gradient(135deg, rgba(63, 94, 85, 0.98), rgba(167, 176, 135, 0.96));
  border-color: rgba(242, 193, 78, 0.16);
}

.hero-copy h1,
.hero-copy .hero-date,
.hero-copy .hero-text,
.hero-copy .eyebrow {
  color: #f8fbf5;
}

.hero-panel,
.info-card,
.section {
  background: rgba(250, 251, 246, 0.94);
  border-color: rgba(63, 94, 85, 0.14);
}

.button-primary {
  background: linear-gradient(135deg, #A7B087, #3f5e55);
}

.button-secondary {
  background: rgba(250, 251, 246, 0.88);
}

.guest-stat.is-green {
  background: linear-gradient(180deg, rgba(167, 176, 135, 0.24), rgba(241, 245, 232, 0.96));
}

.guest-stat.is-yellow {
  background: linear-gradient(180deg, rgba(242, 193, 78, 0.24), rgba(255, 248, 219, 0.96));
}

.guest-stat.is-red {
  background: linear-gradient(180deg, rgba(224, 122, 95, 0.22), rgba(255, 235, 229, 0.96));
}