/* ============================================================
   LIGHT — the Aman register: cream ground, ink text, air
   Loads last; overrides the dark layer wholesale.
   ============================================================ */

:root,
body,
body[data-season="winter"],
body[data-season="summer"]{
  --ink:#f3eee7;           /* Aman cream — the ground */
  --ink-2:#eae4da;         /* recessed bands */
  --pine:#e4ddd1;          /* cards, panels */
  --ivory:#1e1c18;         /* primary text (now dark) */
  --ivory-dim:#5c5850;     /* secondary text */
  --gold:#9a7b43;          /* gold, darkened to hold on cream */
  --gold-soft:#b89a63;
  --slate:#5a6c78;
  --slate-lift:#46545e;
  --line:rgba(30,28,24,.16);
  --atmos:rgba(154,123,67,.05);
  --atmos-2:rgba(90,108,120,.04);
}

body{background:var(--ink);color:var(--ivory)}
::selection{background:var(--gold);color:#fff}

/* the grain and wash must whisper on cream, not smudge it */
.grain{opacity:.018;mix-blend-mode:multiply}
.atmos{opacity:.7}
.viewport-frame{border-color:rgba(30,28,24,.10)}

/* ---------- more air, the Aman rhythm ---------- */
.pad{padding:200px 0}
.pad-s{padding:140px 0}
#heritage{padding:210px 0 170px}
#rooms,#dining{padding:210px 0}
#quote,#book{padding:210px 0}
.cta-band{padding:180px 0}
.awards{padding:120px 0}
.partners{padding:90px 0}
.wrap{max-width:1400px}
.lead{font-size:19.5px;line-height:2;color:var(--ivory-dim)}
.h2{letter-spacing:.005em}

/* ---------- utility bar & navigation ---------- */
.util{background:rgba(243,238,231,.97);border-bottom:1px solid rgba(30,28,24,.10)}
.util a,.util span{color:rgba(30,28,24,.62)}
.util a:hover{color:var(--gold)}
.util .langs a{color:rgba(30,28,24,.62)}
.util .langs a.active{color:var(--gold);border-bottom-color:var(--gold)}
.util .dot{background:var(--gold);opacity:.5}
#wx b{color:var(--gold)}

nav{background:linear-gradient(to bottom,rgba(18,16,13,.55),rgba(18,16,13,.16) 62%,transparent)}
nav .nav-links a{color:rgba(255,255,255,.94)}
nav .nav-logo .w{color:#fff}
nav .nav-logo .est{color:rgba(255,255,255,.82)}
nav .nav-logo .crest-mark .crest{color:#fff}
nav .menu-btn span{background:rgba(255,255,255,.95)}
nav .nav-cta{background:rgba(255,255,255,.94);color:#1e1c18;border-color:rgba(255,255,255,.94)}
nav .nav-cta:hover{background:transparent;color:#fff;border-color:#fff}

/* once past the picture, the bar joins the cream page */
nav.scrolled{background:rgba(243,238,231,.96);border-bottom:1px solid rgba(30,28,24,.12);
  box-shadow:0 1px 30px rgba(30,28,24,.05)}
nav.scrolled .nav-links a{color:rgba(30,28,24,.82)}
nav.scrolled .nav-links a:hover,nav.scrolled .nav-links a.on{color:var(--gold)}
nav.scrolled .nav-logo .w{color:#1e1c18}
nav.scrolled .nav-logo .est{color:var(--gold)}
nav.scrolled .nav-logo .crest-mark .crest{color:var(--gold)}
nav.scrolled .menu-btn span{background:#1e1c18}
nav.scrolled .nav-cta{background:var(--gold);color:#fff;border-color:var(--gold)}
nav.scrolled .nav-cta:hover{background:transparent;color:var(--gold)}

/* ---------- marquee ---------- */
.marquee{background:var(--ink-2);border-color:var(--line)}
.marquee-track span{color:rgba(30,28,24,.55)}
.marquee-track em{color:var(--gold);opacity:.6}

/* ---------- panels, cards, borders ---------- */
#numbers{background:var(--ink-2);border-color:var(--line)}
.num .val{color:#1e1c18}
.num .lab{color:var(--ivory-dim)}

.dcard,.offer,.badge,.values > div,.keys > div,.eco-grid > div,.gives > div{
  border-color:var(--line);background:transparent}
.dcard:hover,.offer:hover,.values > div:hover,.keys > div:hover,
.eco-grid > div:hover,.gives > div:hover{background:var(--pine);border-color:var(--gold)}
.dcard p,.offer p,.keys p,.eco-grid li,.gives p,.values p{color:var(--ivory-dim)}
.dcard h4,.offer h4,.eco-grid h4{color:#1e1c18}
.gives{background:var(--line)}
.gives > div{background:var(--ink)}
.eco-grid{background:var(--line);border-color:var(--line)}
.eco-grid > div{background:var(--ink)}
.badge{color:var(--ivory-dim)}
.badge:hover{border-color:var(--gold);color:var(--gold)}

.suite-feature,.dine-feature,.named,.tree{background:var(--pine)}
.dine-feature .txt{border-color:var(--line)}
.suite-feature p,.dine-feature .txt p,.named p,.tree p{color:var(--ivory-dim)}
.suite-feature h3,.named h3,.dine-feature h3{color:#1e1c18}
.tree .count{color:#1e1c18}

.ledger{border-color:var(--line)}
.ledger > div{border-color:var(--line)}
.ledger .v{color:#1e1c18}
.ledger .k{color:var(--slate-lift)}

.roles,.role,.pledge,.pledge div{border-color:var(--line)}
.role h4{color:#1e1c18}
.role .meta{color:var(--ivory-dim)}
.role:hover{background:linear-gradient(90deg,rgba(154,123,67,.07),transparent 60%)}
.pledge p{color:var(--ivory-dim)}
.pledge div:hover{background:linear-gradient(90deg,rgba(154,123,67,.06),transparent 55%)}

.timeline > div{border-color:var(--gold)}
.timeline b{color:#1e1c18}
.timeline p{color:var(--ivory-dim)}

/* the chronicle */
.vtl::before{background:linear-gradient(to bottom,transparent,var(--gold) 12%,var(--gold) 88%,transparent);opacity:.5}
.vrow .yr{-webkit-text-stroke:1px var(--gold);color:transparent}
.vrow .dot{background:var(--ink);border-color:var(--gold)}
.vrow .cell h4{color:#1e1c18}
.vrow .cell p{color:var(--ivory-dim)}

/* archive prints sit on cream like photographs on a table */
.archive .ph{background:#fff;border-color:var(--line);
  box-shadow:0 18px 50px rgba(30,28,24,.10)}
.archive figcaption{color:var(--ivory-dim)}
.archive figcaption em{color:var(--slate-lift)}

/* ---------- quote, press, awards, partners ---------- */
#quote{background:var(--ink-2);border-color:var(--line)}
#quote blockquote{color:#1e1c18}
#quote .mark{color:var(--gold);opacity:.5}
.press{background:var(--ink-2);border-color:var(--line)}
.press .row div{color:#1e1c18}
.press .row div small{color:var(--slate-lift)}
.awards{background:var(--ink-2);border-color:var(--line)}
.aw-logo{border-color:var(--line)}
.aw-logo img{filter:none;opacity:.62}          /* dark logos read directly on cream */
.aw-logo:hover img{opacity:1}
.aw-logo span{color:var(--slate-lift)}
.partners{background:var(--ink);border-color:var(--line)}
.pt-row img{filter:grayscale(1);opacity:.42}
.pt-row a:hover img{filter:none;opacity:1}

/* ---------- footer: a deeper stone to close the page ---------- */
footer{background:#e6dfd3;border-top:1px solid var(--line)}
footer p,footer a{color:#4f4b44}
footer a:hover{color:var(--gold)}
footer h5{color:var(--gold)}
.foot-logo{color:#1e1c18}
.foot-logo .crest-mark .crest{color:var(--slate)}
.foot-logo:hover .crest-mark .crest{color:var(--gold)}
.foot-affil{border-top-color:var(--line)}
.foot-affil div{color:#6b665e}
.foot-affil div:hover{color:var(--gold)}
.foot-bottom{border-top-color:var(--line)}
.foot-bottom p{color:#7a746b}
.socials a{border-color:rgba(30,28,24,.2)}
.socials a svg{fill:#4f4b44}
.socials a:hover{background:var(--gold);border-color:var(--gold)}
.socials a:hover svg{fill:#fff}

/* ---------- buttons: cream discipline, no shouting ---------- */
.btn-gold{background:var(--gold);color:#fff;border-color:var(--gold)}
.btn-gold:hover{background:transparent;color:var(--gold)}
.btn-ghost{border-color:rgba(30,28,24,.3);color:#1e1c18}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
/* over photography they stay light */
header .btn-ghost,.page-hero .btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
header .btn-ghost:hover,.page-hero .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}

/* ---------- the crest & section signatures ---------- */
.crest{color:var(--gold)}
.chapter-break{background:var(--line)}
.chapter-break .mono{background:var(--ink)}
.sig .num{color:var(--slate-lift)}
.sig .rule{background:linear-gradient(90deg,var(--gold),var(--slate) 55%,rgba(90,108,120,.05))}
.sig + .chapter{color:var(--slate-lift)}
.chapter{color:var(--gold)}
.ghost-num{-webkit-text-stroke:1px rgba(154,123,67,.13)}
.side-mark{color:rgba(30,28,24,.28)}
.side-mark b{color:var(--gold)}
.crest-drift .crest{color:var(--slate)}
.crest-drift{opacity:.05}

/* ---------- sticky booking bar & overlay ---------- */
#bookbar{background:rgba(243,238,231,.97);border-top:1px solid rgba(30,28,24,.14);
  box-shadow:0 -2px 40px rgba(30,28,24,.07)}
#bookbar .fld{border-right-color:var(--line)}
#bookbar input,#bookbar select{color:#1e1c18}
#bookbar select option{background:#fff;color:#1e1c18}
#bookbar input::-webkit-calendar-picker-indicator{filter:none;opacity:.5}
#bookbar .go{background:var(--gold);color:#fff}
#bookbar .go:hover{background:transparent;color:var(--gold)}
#menu-overlay{background:rgba(243,238,231,.99)}
.m-links a{color:#1e1c18}
.m-links a:hover{color:var(--gold)}
.mo-right{border-left-color:var(--line)}
.mo-right p{color:var(--ivory-dim)}
#page-veil{background:var(--ink)}
#loader{background:var(--ink)}
.loader-sub{color:var(--ivory-dim)}
#toast{background:rgba(243,238,231,.98);color:#1e1c18}

/* scrollbar */
::-webkit-scrollbar-track{background:var(--ink-2)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--gold),#b89a63)}
html{scrollbar-color:var(--gold) var(--ink-2)}
#cursor{background:var(--gold)}
#cursor-ring{border-color:rgba(154,123,67,.5)}

/* ---------- photography keeps its own dark scrim ---------- */
.hero-video,.scrub-stage{background-color:#12100d}
#spa,#private,.voucher,.season,.rcard,.team-band{color:#f3efe6}
#spa .lead,#private .lead,.voucher .lead,.season .txt p,.team-band p{color:rgba(243,239,230,.88)}
#spa .h2,#private .h2,.voucher .h2,.season .txt h3,.team-band h3{color:#fff}
#spa .chapter,#private .chapter,.voucher .chapter{color:#e0c48b}
#spa .sig .num,#private .sig .num,.voucher .sig .num{color:rgba(243,239,230,.75)}
#spa .crest,#private .crest,.voucher .crest{color:#e0c48b}
.spa-list div{border-bottom-color:rgba(243,239,230,.22);color:#f3efe6}
.spa-list div em{color:#e0c48b}
.priv-items p{color:rgba(243,239,230,.88)}
.priv-items b{color:#e0c48b}
.v-line p{color:rgba(243,239,230,.88)}
.v-line span{color:#e0c48b}
.rcard .info h4{color:#fff}
.rcard .info p{color:rgba(243,239,230,.9)}
.team-band .cap{color:#e0c48b}

/* contrast corrections for the cream ground */
.marquee-track span{color:rgba(30,28,24,.72)}
.foot-bottom p{color:#5f5a52}
.foot-affil div{color:#5c574f}
