/* Light variant (2026-10-31), loaded after /site.css. Paper all the way down; the woodland's deep green
   replaces black for the few contrasting bands (the keyboard, the main plan, the footer).
   Type pared back: two families, one optical size for Fraunces, no italics, no spaced capitals. */
:root{--green:#183126;--green-2:#22402f;--green-text:#d9dccf;--green-rule:#ffffff2b;--ink:#1a1d1b}
body{color:var(--ink)}

/* One voice per family: Fraunces at a single optical size and weight, Instrument for everything else. */
h1,h2,h3,.lead,.price-line,.figure,.plan-price,.screens figcaption span,.portrait figcaption,.room-list li::before{font-variation-settings:"opsz" 72}
h1,h2,h3,.hero h1,.figure,.plan-price,.ws-hero h1,.ws-entry h3,.screens figcaption span,.portrait figcaption{font-weight:500}
.subtitle,.pull,.tercet,.ws-sub,.ws-more,.ws-intro .lead{font-style:normal}
.kicker,.tag,.plan-for,.ws-status{letter-spacing:0;text-transform:none;font-size:15px}
.tag{font-size:13px}

/* The opening is on paper now. */
.night{background:var(--paper);color:var(--ink)}
.night .kicker{color:var(--red-text)}
.top nav a{color:var(--ink-2)}
.top nav a:hover,.top nav a[aria-current="page"]{color:var(--green)}
.top .nav-open{color:var(--green);border-color:var(--green)}
.subtitle{color:var(--copper-text)}
.hero-copy>p:not(.lead):not(.kicker):not(.subtitle):not(.price-line){color:var(--ink-2)}
.price-line{border-top-color:var(--rule)}
.btn-line{border-color:var(--green);color:var(--green)}
.btn-line:hover{background:var(--green);color:var(--paper)}
.btn-ink{background:var(--green)}
.btn-ink:hover{background:var(--green-2)}
.first-note{color:var(--ink-2)}
.first-note b{color:var(--ink)}
.phone{border-color:var(--green);box-shadow:0 30px 60px #1831262e}
.phone-note{color:var(--ink-3)}
.phone-note a{color:var(--green)}

/* The keyboard sits on a full-width green band. */
.grammar{padding-top:88px;color:var(--paper);border-image:linear-gradient(var(--green) 0 0) fill 0/0/0 100vmax}
.grammar-text>p,.legend li{color:var(--green-text)}
.grammar .small{color:#aab3a5}
.black b{border-color:#0d1a14}
.white i{color:#8d8a82}

/* Day sections: green takes the place of black. */
.detail-grid article{border-top-color:var(--green)}
.plan-main{background:var(--green);border-color:var(--green)}
.plan-main>p:not([class]){color:var(--green-text)}
.plan-main .plan-price span{color:#aab3a5}
.ws-intro p:not(.lead){color:var(--ink-2)}
.ws-intro .lead{color:var(--copper-text)}
.ws-entry{border-top-color:var(--green)}
.btn-line-ink{border-color:var(--green);color:var(--green)}
.btn-line-ink:hover{background:var(--green);color:var(--paper)}

.foot{background:var(--green);color:var(--green-text)}
.foot-main{border-bottom-color:var(--green-rule)}

@media (max-width:700px){
  .grammar{padding-top:56px;padding-bottom:56px}
  .phone{border-width:6px}
}
