/* Daylight beach-bar palette: warm white, sea glass, sand and sunshine. */
:root {
  --paper: #fffdf6;
  --ink: #205f58;
  --muted: #466d62;
  --line: #d3e3d9;
  --lime: #f9dc88;
}
.header {
  color: var(--ink);
  background: rgba(255,253,246,.98);
  border-bottom-color: #d8e5db;
}
.brand img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(20%) saturate(1248%) hue-rotate(121deg) brightness(93%) contrast(88%);
}
.header-book {
  color: var(--ink);
  border-color: #779e91;
  background: #fff8e5;
}
.header-book:hover { color: var(--ink); background: #f9dc88; }
.mobile-toggle { color: var(--ink); }
.hero { color: var(--ink); background: #eef5e9; }
.hero-shade {
  background: linear-gradient(90deg,
    rgba(255,251,239,.97) 0%,
    rgba(255,251,239,.93) 36%,
    rgba(255,251,239,.68) 53%,
    rgba(255,251,239,.10) 75%,
    rgba(255,251,239,0) 100%);
}
.hero-copy .eyebrow { color: #356d60; }
.hero-sub { color: #285f54; }
.hero-copy h1 { color: #205f58; text-shadow: none; }
.hero-actions > .button { color: #205f58; background: #f9dc88; }
.hero-actions > .button:hover { background: #ffe9ac; }
.text-link.light { color: #205f58; border-color: #5d8b7b; }
.text-link.light:hover { color: #103f38; }
.scroll-hint {
  color: #205f58;
  background: rgba(255,253,246,.95);
  padding: 6px 8px;
  border-radius: 3px;
  min-height: 44px;
}
.slide-count {
  color: #205f58;
  background: rgba(255,253,246,.96);
  border-radius: 3px;
}
.gallery-controls button {
  color: #205f58;
  background: rgba(255,253,246,.97);
  border-color: #7b9e90;
}
.gallery-controls button:hover { background: #d7eee4; }
.quick-bar { background: #fff0c7; border-bottom-color: #eadbb7; }
.award-band { background: #e2f2eb; }
.award-band p span { color: #4f7b69; }
.gather, .group-detail { background: #fff0d9; }
.reservation { background: #cfe9e0; color: #205f58; }
.reservation p:not(.eyebrow) { color: #355f55; }
.reservation .cream { background: #ffe3a0; color: #205f58; }
.reservation .cream:hover { background: #ffeab8; }
.dark { background: #28756b; color: #fffdf6; }
.dark:hover { background: #205f58; }
.footer { background: #fffaf0; }
.feature-photo img { aspect-ratio: auto; object-fit: contain; }
.photo-label {
  position: relative;
  background: #fff0d4;
  color: #205f58;
  min-height: auto;
  padding: 16px 22px;
}
.booking-fallback { background: #e2f2eb; }
@media (max-width: 900px) {
  .hero-shade {
    background: linear-gradient(90deg,
      rgba(255,251,239,.97),
      rgba(255,251,239,.93) 58%,
      rgba(255,251,239,.72) 80%,
      rgba(255,251,239,.28));
  }
}
@media (max-width: 620px) {
  .hero-shade {
    background: linear-gradient(90deg,
      rgba(255,251,239,.94),
      rgba(255,251,239,.88) 72%,
      rgba(255,251,239,.65));
  }
  .header nav {
    color: var(--ink);
    background: #fffdf6;
    border-bottom: 1px solid #d8e5db;
  }
}