/* ============================================================
   THEME: Warm Sand / Jungle Green   —   Blue Dreams
   ------------------------------------------------------------
   Additive layer. Loads AFTER styles.css and only overrides
   tokens + a few component colours.

   TO REVERT: delete the two lines marked "THEME" in index.html
   (this file's <link> and the Fraunces font <link>). Nothing in
   styles.css was changed.
   ============================================================ */

:root{
  /* ground: warm sand instead of near-white. The old page was
     #FAFAFA behind #FFFFFF cards — white on almost-white. */
  --page:#EBE3D4;          /* deeper sand, further from white */
  --card:#F6F1E6;          /* cards warm, not white           */
  --line:#DCD1BC;          /* warm hairline                   */
  --chip:#E1D7C3;          /* spec chips                      */

  /* ink: deep jungle green-black rather than neutral grey-black */
  --ink:#16241D;
  --muted:#53604F;         /* green-grey                       */

  /* the dark anchor: jungle green, not pure black */
  --dark:#1B3A2F;

  /* brand blue kept, but reserved for actions and accents only */
  --accent:#38B6FF;
  --accent-ink:#0B6FA8;    /* darker blue: readable on sand */

  --band:#E2D9C6;          /* section banding                 */
  --green:#1B3A2F;         /* jungle green, used as ink+accent */
  --green-soft:#3D5F51;    /* lighter jungle for small text    */
}

/* ---- typography: a serif for display, echoing the logo wordmark ---- */
.hero h1,
.head h2,
.feature-quote,
.cta h2{
  font-family:'Fraunces','Manrope',Georgia,serif;
  font-weight:400;
  letter-spacing:-0.015em;
  font-variation-settings:'SOFT' 20,'WONK' 1;
}
.hero h1{letter-spacing:-0.02em}
.head h2{line-height:1.1}
.feature-quote{line-height:1.22}

/* ---- buttons: jungle green, not black ---- */
.btn-dark{background:var(--dark);color:#FBF8F2}
.btn-dark:hover{background:#122A21}
.btn-white{background:#FBF8F2;color:var(--ink)}
.btn-white:hover{background:#fff}

/* ---- badges + chips warmed so they sit on sand ---- */
.badge{background:#E4F1FA;color:var(--accent-ink)}
.chips span{background:var(--chip);color:#4E584F}
.tag{background:var(--card);border-color:var(--line);color:var(--muted)}

/* ---- section rhythm: alternating bands break up the endless sheet ---- */
#hotel,#faq{
  background:var(--band);
  /* full-bleed the band without touching the markup */
  box-shadow:0 0 0 100vmax var(--band);
  clip-path:inset(0 -100vmax);
}

/* ---- hero + cta: warm the scrim so photos read as sunlit, not grey ---- */
.hero::after{
  background:linear-gradient(180deg,
    rgba(20,32,26,.42),rgba(20,32,26,.10) 42%,rgba(20,32,26,.52));
}
.cta::after{
  background:linear-gradient(180deg,rgba(20,32,26,.46),rgba(20,32,26,.62));
}

/* ---- rating pill + lightbox chrome pick up the green ---- */
.rating-circle{background:var(--dark)}
.lightbox{background:rgba(12,20,16,.95)}
.dot.is-active{background:var(--dark)}

/* ---- focus ring on the warm ground ---- */
.room[data-gallery]:focus-visible{outline-color:var(--accent-ink)}

/* ---- footer sits on the sand ground ---- */
.footer{background:var(--page);border-top-color:var(--line)}


/* ---- more jungle green through the page -------------------
   the green was only on buttons; now it carries the small
   type too, so the palette reads as sand + jungle rather
   than sand + black. */
.head h2,
.row-body h3,
.feature-quote,
.room h3,
.post h3,
.faq-list summary{color:var(--green)}

.tag{color:var(--green-soft);border-color:#D3C8B2;background:#F1EBDD}
.price{color:var(--green)}
.chips span{background:var(--chip);color:var(--green-soft)}
.loc{color:var(--green-soft)}
.loc svg{stroke:var(--green-soft)}
.brand span{color:var(--green)}
.nav-links a{color:var(--green-soft)}
.nav-links a:hover{color:var(--green)}
.feature-note{color:var(--green-soft)}
.footer-col h5{color:var(--green)}
.footer-col a:hover{color:var(--green)}
.faq-list summary::after{color:var(--green)}
.dot{background:#C6BBA5}
.dot.is-active{background:var(--green)}
.bookbar{background:rgba(246,241,230,.94);border-top-color:var(--line)}
.nav-pill{background:#F7F3E9}
.room,.post{background:var(--card)}
.faq-list details{background:var(--card)}

/* ---- text over photos wears the sand, not pure white ------
   #fff on a warm palette reads as a different design system;
   this is the page's own sand, lifted for legibility. */
.hero-inner,
.hero h1,
.hero-sub,
.hero-eyebrow,
.bleed-inner,
.bleed-inner h2,
.bleed-inner p,
.cta-inner,
.cta h2,
.cta-sub,
.cta-foot,
.form-note{color:#F1E9DA}
.btn-white{background:#F1E9DA;color:var(--green)}
.btn-white:hover{background:#FBF6EC}
.tag-light{color:#F1E9DA;border-color:rgba(241,233,218,.32);background:rgba(241,233,218,.14)}
.subscribe{background:#F1E9DA}
.subscribe input{color:var(--green)}