/* Owner 2026-11-05: light mode across the public site, same palette as the client portal / careers
   Light Mode. Light is the default (site-theme.js); dark stays exactly as it was. The homepage plays the
   Refresh site's light ribbon and a daytime room photo in light mode (hero-atmosphere.js). */
html[data-theme='light']{color-scheme:light;--bg:#EADFD2;--text:#201C19;--muted:#655A52;--gold:#7d5c2c;--line:#D5C9BE;--copy:#4B433E;--card:#F1E8DC;--card-2:#F4ECE1}
html[data-theme='light'] .site-page{background:var(--bg)}
html[data-theme='light'] ::selection{background:rgba(125,92,44,.18)}

/* Header + menus (cream, like Book Now in light mode). */
html[data-theme='light'] body #navbar#navbar{background:rgba(246,241,233,.94)!important;border-bottom:1px solid #D5C9BE!important;box-shadow:none!important}
html[data-theme='light'] body #navbar#navbar.is-scrolled{background:rgba(246,241,233,.94)!important;box-shadow:0 10px 30px -22px rgba(60,40,20,.35)!important}
html[data-theme='light'] body #navbar#navbar::after{display:block;background:linear-gradient(90deg,transparent,rgba(224,197,132,.45) 20%,rgba(224,197,132,.45) 80%,transparent)}
html[data-theme='light'] body #navbar#navbar .rnr-site-brand-name{background:none!important;-webkit-text-fill-color:#7d5c2c;color:#7d5c2c!important}
html[data-theme='light'] body #navbar#navbar .rnr-site-brand-subtitle{color:#4B433E!important}
html[data-theme='light'] body #navbar#navbar :is(.rnr-site-social a,.rnr-site-theme-btn,.rnr-site-mobile-button,.rnr-site-menu-button,.rnr-site-portal,.rnr-site-portal svg,.rnr-site-menu-button svg){color:#7d5c2c!important}
html[data-theme='light'] body #navbar#navbar :is(.rnr-site-social a,.rnr-site-theme-btn,.rnr-site-mobile-button,.rnr-site-menu-button,.rnr-site-portal):hover{color:#201C19!important}
html[data-theme='light'] body #navbar#navbar :is(.rnr-site-portal,.rnr-site-menu-button){border-color:rgba(125,92,44,.35)!important;background:transparent!important}
html[data-theme='light'] body #navbar#navbar .rnr-site-menu-wrap::before{background:#D5C9BE!important}
html[data-theme='light'] body #navbar#navbar .rnr-site-dropdown{background:rgb(220,203,187)!important;border-color:#D5C9BE!important;box-shadow:0 18px 40px -18px rgba(60,40,20,.35)!important}
html[data-theme='light'] body #navbar#navbar .rnr-site-nav-group{color:#7d5c2c!important}
html[data-theme='light'] body #navbar#navbar .rnr-site-dropdown .rnr-site-nav-link{color:#4B433E!important}
html[data-theme='light'] body #navbar#navbar .rnr-site-dropdown .rnr-site-nav-link:hover{color:#201C19!important;background:rgba(125,92,44,.08)!important}
html[data-theme='light'] body #navbar#navbar .rnr-site-dropdown .rnr-site-nav-active{color:#7d5c2c!important}
html[data-theme='light'] body #mobile-menu.rnr-site-drawer{background:#F1E8DC!important;border-right-color:#D5C9BE!important;box-shadow:16px 0 40px -20px rgba(60,40,20,.35)!important}
html[data-theme='light'] body #mobile-menu-backdrop{background:rgba(32,28,25,.35)}
html[data-theme='light'] body #mobile-menu.rnr-site-drawer :is(.rnr-site-drawer-title,.rnr-site-close,.rnr-site-nav-group,.rnr-site-mobile-links>.rnr-site-mobile-link:first-child,.rnr-site-mobile-social a){color:#7d5c2c}
html[data-theme='light'] body #mobile-menu.rnr-site-drawer .rnr-site-nav-group::after,html[data-theme='light'] body #mobile-menu.rnr-site-drawer .rnr-site-mobile-link.rnr-site-nav-active::before{background:#7d5c2c;box-shadow:none}
html[data-theme='light'] body #mobile-menu.rnr-site-drawer .rnr-site-mobile-link{color:#4B433E}
html[data-theme='light'] body #mobile-menu.rnr-site-drawer .rnr-site-mobile-link:is(:hover,.rnr-site-nav-active){color:#201C19}
html[data-theme='light'] body #mobile-menu.rnr-site-drawer :is(.rnr-site-mobile-portal,.rnr-site-mobile-social){border-top-color:#D5C9BE}

/* Sun / moon switch (header). Moon in light mode, sun in dark mode. */
#navbar .rnr-site-theme-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.4rem;height:2.4rem;margin-right:.6rem;padding:0;border:0;border-radius:4px;background:transparent;color:#E0C584;cursor:pointer;-webkit-tap-highlight-color:transparent}
#navbar .rnr-site-theme-btn:hover{background:rgba(224,197,132,.12)}
#navbar .rnr-site-theme-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#navbar .rnr-site-theme-btn svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-theme='light'] #navbar .rnr-site-theme-btn .rnr-theme-sun,html:not([data-theme='light']) #navbar .rnr-site-theme-btn .rnr-theme-moon{display:none}
html[data-theme='light'] body #navbar#navbar .rnr-site-theme-btn:hover{background:rgba(125,92,44,.1)!important}
@media(max-width:760px){#navbar.rnr-site-header .rnr-site-header-inner{grid-template-columns:88px minmax(0,1fr) 88px}#navbar.rnr-site-header .rnr-site-actions{width:88px;justify-content:flex-end}#navbar.rnr-site-header .rnr-site-actions>.rnr-site-theme-btn{display:inline-flex;width:44px;height:44px;margin:0}}

/* Surfaces: dark glass and tiles become cream cards. */
html[data-theme='light'] :is(.glass,#pricing-member .mb-benefit,.tier-card,.policy-nav,#signup-form,#partnership-form,#join-dialog){background:var(--card)!important;border-color:var(--line)!important;box-shadow:0 1px 2px rgba(60,40,20,.05),0 18px 36px -30px rgba(60,40,20,.4)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme='light'] .tier-card.is-featured{background:linear-gradient(180deg,rgba(125,92,44,.07),rgba(125,92,44,0) 46%),var(--card-2)!important;border-color:rgba(125,92,44,.45)!important}
html[data-theme='light'] :is(.pricing-tier,.pricing-location-gate,.join-tier){background:var(--card-2);border-color:var(--line)}
html[data-theme='light'] .pricing-tier.is-featured{background:linear-gradient(180deg,rgba(125,92,44,.07),rgba(125,92,44,0) 60%),var(--card-2);border-color:rgba(125,92,44,.45)}
html[data-theme='light'] :is(.treatment:hover,.pricing-tier:hover){border-color:rgba(125,92,44,.5)!important}
html[data-theme='light'] .treatment-photo{filter:none}
html[data-theme='light'] .skip{background:var(--card)}

/* Copy that was a fixed light grey. */
html[data-theme='light'] :is(.services-heading>p,.closing-links a,.join-close,.join-tier span,.join-note,.service-list summary,.setup-note){color:var(--copy)}
html[data-theme='light'] :is(.join-step-count,#membership-form .join-field label span,.join-summary dt,.stripe-trust,.tier-perks .is-excluded){color:var(--muted)}
html[data-theme='light'] .tier-perks .is-excluded svg{color:#A99B8E}
html[data-theme='light'] .join-status{color:#9d3b32}
html[data-theme='light'] .join-close:hover{background:rgba(125,92,44,.08)}
html[data-theme='light'] .join-backdrop{background:rgba(32,28,25,.45)}
html[data-theme='light'] #pricing-member .mb-soon{color:var(--gold);border-color:rgba(125,92,44,.35)}
html[data-theme='light'] .area-result.is-ok{background:rgba(57,107,72,.08);border-color:#396b48}
html[data-theme='light'] .area-result.is-ok strong{color:#396b48}
html[data-theme='light'] .area-result.is-warn{background:rgba(125,92,44,.06);border-color:rgba(125,92,44,.35)}
html[data-theme='light'] .team-card-specialist .designation{background:linear-gradient(145deg,#6e58b8,#4c62a8);-webkit-background-clip:text;background-clip:text}
html[data-theme='light'] .team-card-specialist .team-card-more{color:#5f4bb0}
html[data-theme='light'] .info-tip-text{background:#201C19;color:#F1E8DC}

/* Lines and dividers. */
html[data-theme='light'] :is(footer,.section-pad,.footer-legal){border-top-color:var(--line)}
html[data-theme='light'] .service-list details{border-bottom-color:var(--line)}
html[data-theme='light'] .closing-rule{background:linear-gradient(90deg,transparent,#CDBFB2,transparent)}
html[data-theme='light'] .closing-links a{text-decoration-color:#CDBFB2}
html[data-theme='light'] :is(.soon-tag,.pricing-location-icon,.tier-card .tier-cta-quiet){border-color:rgba(125,92,44,.4)}
html[data-theme='light'] :is(.tier-card .tier-cta-quiet:hover,.scroll-invitation:hover .scroll-cue,.region-picker-menu li:hover,.region-picker-menu li:focus){background:rgba(125,92,44,.08)}

/* Form fields and pickers. */
html[data-theme='light'] :is(.public-form input,.public-form select,.public-form textarea,#membership-form input,#membership-form select,#membership-form textarea,#partnership-form input,#partnership-form select,#partnership-form textarea,.tier-region select,#pricing-region,#pricing-retry){background:#E3D6C7!important;color:var(--text)!important;border-color:#CDBFB2!important}
html[data-theme='light'] :is(.tier-region select,#pricing-region)::picker(select){background:#F4ECE1;border-color:#CDBFB2;box-shadow:0 18px 40px -18px rgba(60,40,20,.35)}
html[data-theme='light'] :is(.tier-region select option,#pricing-region option){background:#F4ECE1;color:var(--text)}
html[data-theme='light'] :is(.tier-region select option:checked,.tier-region select option:hover,#pricing-region option:checked,#pricing-region option:hover){background:rgba(125,92,44,.1)}
html[data-theme='light'] .region-picker-menu{background:#F4ECE1;border-color:#CDBFB2;box-shadow:0 18px 40px -18px rgba(60,40,20,.35);scrollbar-color:rgba(125,92,44,.35) transparent}
html[data-theme='light'] .pricing-finder-tab[aria-selected="true"]{background:transparent}

/* Homepage: below the room scene, a cream sheet slides up over the photo so dark words stay readable. */
html[data-theme='light'] main>.arrival~section:not(.arrival+section),html[data-theme='light'] .site-footer{background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
html[data-theme='light'] main>.arrival+section{position:relative;isolation:isolate}
html[data-theme='light'] main>.arrival+section::before{content:'';position:absolute;z-index:-1;inset:0 -100vmax;background:linear-gradient(180deg,rgba(234,223,210,0.000) 0px,rgba(234,223,210,0.017) 14px,rgba(234,223,210,0.067) 28px,rgba(234,223,210,0.146) 43px,rgba(234,223,210,0.250) 57px,rgba(234,223,210,0.371) 71px,rgba(234,223,210,0.500) 85px,rgba(234,223,210,0.629) 99px,rgba(234,223,210,0.750) 113px,rgba(234,223,210,0.854) 128px,rgba(234,223,210,0.933) 142px,rgba(234,223,210,0.983) 156px,var(--bg) 170px);pointer-events:none}
html[data-theme='light'] main{overflow-x:clip}

/* Chat (shared/site-chat.css is dark-only): portal light palette. */
html[data-theme='light'] :is(.sc-bubble,.sc-panel){--sc-text:#201C19;--sc-muted:#655A52;--sc-line:#D5C9BE;--sc-gold:#7d5c2c;--sc-gold-bright:#7d5c2c;--sc-bg:#F1E8DC;--sc-sheet:#F4ECE1}
html[data-theme='light'] .sc-badge{border-color:#F1E8DC}
html[data-theme='light'] .sc-panel{border-color:#D5C9BE}
html[data-theme='light'] .sc-panel :is(.sc-art,.sc-close,.sc-btn:not(.sc-btn-primary),.sc-photo,.sc-them p,.sc-typing,.sc-chip,.sc-details input,.sc-details textarea,.sc-composer textarea,.sc-sheet,.sc-react,.sc-react-menu,.sc-emoji-search){border-color:#D5C9BE}
html[data-theme='light'] .sc-panel :is(.sc-art,.sc-them p,.sc-typing,.sc-chip,.sc-card,.sc-react){background:#F4ECE1}
html[data-theme='light'] .sc-panel :is(.sc-details input,.sc-details textarea,.sc-composer textarea,.sc-emoji-search){background:#F4ECE1;color:#201C19}
html[data-theme='light'] .sc-panel :is(.sc-details input,.sc-details textarea,.sc-composer textarea):focus{border-color:#B79D89}
html[data-theme='light'] .sc-panel .sc-btn-secondary{background:#F4ECE1;color:#201C19}
html[data-theme='light'] .sc-panel .sc-me p{border-color:#C9AD9C;background:#EEE4D8;color:#201C19}
html[data-theme='light'] .sc-panel .sc-note{border-color:#CDBFB2}
html[data-theme='light'] .sc-panel .sc-note-error,html[data-theme='light'] .sc-panel .sc-form-error{color:#9d3b32;border-color:rgba(157,59,50,.4)}
html[data-theme='light'] .sc-panel .sc-card{border-color:rgba(125,92,44,.35)}
html[data-theme='light'] .sc-panel .sc-tag{border-color:rgba(125,92,44,.4)}
html[data-theme='light'] .sc-panel .sc-details label{color:#4B433E}
html[data-theme='light'] .sc-panel .sc-robot{filter:none}
html[data-theme='light'] .sc-panel .sc-react-mine{background:rgba(125,92,44,.1)}
html[data-theme='light'] .sc-panel .sc-react-menu button:hover{background:rgba(125,92,44,.08)}

/* Gift card checkout (gift-card-checkout.css). The gift card itself stays black and gold. */
html[data-theme='light'] .gift-checkout .panel,html[data-theme='light'] .gift-preview-card{background:var(--card);border-color:var(--line);box-shadow:0 18px 36px -30px rgba(60,40,20,.4);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme='light'] .gift-checkout :is(input:not([type=radio],[type=checkbox]),select,textarea,.preset,.gift-target-option){background:#E3D6C7;color:var(--text);border-color:#CDBFB2}
html[data-theme='light'] .gift-checkout :is(.preset[aria-pressed=true],.gift-target-option:has(input:checked)){background:rgba(125,92,44,.08);border-color:rgba(125,92,44,.55)}
html[data-theme='light'] .gift-checkout .status{color:#9d3b32}
html[data-theme='light'] .gift-checkout ::selection{color:#201C19}
html[data-theme='light'] :is(input,select,textarea){color-scheme:light}
html[data-theme='light'] .policy-nav{background:transparent!important;box-shadow:none!important}
@media(max-width:760px){html[data-site-theme] #navbar.rnr-site-header .rnr-site-header-inner>.rnr-site-mobile-button{margin-left:0!important}}
@media(max-width:760px){html[data-theme='light'] body #navbar#navbar .rnr-site-portal{background:none!important;border:0!important}}
html[data-site-theme] #mobile-menu.rnr-site-drawer{scrollbar-width:none}html[data-site-theme] #mobile-menu.rnr-site-drawer::-webkit-scrollbar{display:none}

/* Homepage hero + room scene in light mode: light ribbon, daytime room, dark words on a soft cream wash. */
html[data-theme='light'] :is(.scene-photo,.hero-atmosphere){filter:brightness(.74)}
html[data-theme='light'] .scene{background:#F3E2D2}
html[data-theme='light'] .close-photo{filter:sepia(.18) saturate(1.15) brightness(.75) blur(3px)}
html[data-theme='light'] .scene-shade{background:linear-gradient(180deg,rgba(241,232,220,.04),rgba(241,232,220,.24))}
html[data-theme='light'] :is(.hero-copy p,.arrival-story p,.scroll-invitation){color:var(--copy)}
html[data-theme='light'] .scroll-cue{background:rgba(244,236,225,.4);border-color:rgba(125,92,44,.35)}
/* No flash of the dark silk before hero-atmosphere.js swaps in the light ribbon. */
html[data-theme='light'] .scene:not(.is-lit) :is(.scene-photo,.hero-atmosphere,.close-photo){visibility:hidden}
/* Scroll button: light-mode gold at full strength; the dark-mode pale gold disappears on cream. */
html[data-theme='light'] .scroll-graphic{filter:url(#scroll-button-gold-light);opacity:.9}
/* Header logo mark: the pale gold mark is made for the dark header; deepen it on cream. */
html[data-theme='light'] body #navbar#navbar .rnr-site-brand img{filter:brightness(.72) contrast(1.15) saturate(1.1)}
/* Membership hero: daytime room photo in light mode (swapped by site-theme.js); no night dimming. */
html[data-theme='light'] .image-hero img{filter:none}
html[data-theme='light'] img[data-light-src]:not([data-dark-src]):not(.scene img){visibility:hidden}
/* Arrival section sits on the room photo: full-strength ink, no glow (owner 2026-11-06). */
html[data-theme='light'] .arrival :is(p,h3,li,span:not(.serif-accent)){color:var(--text);text-shadow:none}
html[data-theme='light'] .arrival :is(.arrival-story p,.benefits p){font-weight:700;color:#000}
html[data-theme='light'] .arrival .benefits p{font-size:17px}
html[data-theme='light'] .arrival .benefits h3{color:#000;font-weight:500}
/* Every gold italic headline word on the public site: the Book appointment button gold (owner 2026-11-06). */
html[data-theme='light'][data-site-theme] body :is(h1,h2) :is(em,i){background:linear-gradient(135deg,#f0d7a2 0%,#dcba7e 48%,#b88f55 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 1px 1px rgba(70,45,15,.55)) drop-shadow(0 0 10px rgba(70,45,15,.18))}
/* Very thin black outline only on the homepage photo headlines (owner 2026-11-06). */
html[data-theme='light'] :is(.arrival h2,#hero-heading) :is(em,i){-webkit-text-stroke:.35px rgba(20,14,6,.7);paint-order:stroke fill}
/* More room photo between the three columns and the fade into services (owner 2026-11-06). */
html[data-theme='light'] main>.arrival{margin-bottom:clamp(120px,22svh,220px)}
/* Services heading starts below the photo fade (owner 2026-11-06). */
html[data-theme='light'] #services .services-heading{padding-top:120px}
/* Hero subline on the darker ribbon: full ink, a touch heavier (owner 2026-11-06). */
html[data-theme='light'] .hero-copy p{color:var(--text);font-weight:500}
/* Menu group labels stand out on the tan panel (owner 2026-11-06). */
html[data-theme='light'] body #navbar#navbar .rnr-site-dropdown .rnr-site-nav-group{color:#5a3d14!important;font-weight:800!important;opacity:1!important}
html[data-theme='light'] body #mobile-menu.rnr-site-drawer .rnr-site-nav-group{color:#5a3d14!important;font-weight:800!important;opacity:1!important}
/* Header and footer match Book Now (owner 2026-11-06): pale cream bar, #D5C9BE line, gold partial stripe. */
html[data-theme='light'] .site-footer{position:relative;background:rgba(246,241,233,.94);box-shadow:0 0 0 100vmax rgba(246,241,233,.94);border-top:1px solid #D5C9BE}
html[data-theme='light'] .site-footer::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(224,197,132,.45) 20%,rgba(224,197,132,.45) 80%,transparent);pointer-events:none}
/* Phone: readable "Make room" copy and benefit cards (owner 2026-11-06). */
@media(max-width:600px){
html[data-theme='light'] .scene-close::after{content:'';position:absolute;inset:0;background:rgba(241,232,220,.5)}
html[data-theme='light'] .arrival .arrival-story p{font-weight:500;color:var(--text)}
html[data-theme='light'] .arrival .benefits h3{color:var(--text);font-weight:500}
html[data-theme='light'] main>.arrival{margin-bottom:120px}
}
/* Gold headline words on cream sections a step deeper so they read (owner 2026-11-06); photo-backed hero/arrival keep the lighter gold. */
html[data-theme='light'][data-site-theme] body :is(h1,h2):not(#hero-heading,.arrival h2) :is(em,i){background-image:linear-gradient(135deg,#dfc088 0%,#c9a062 48%,#a57a40 100%)}
/* Phone header: social icons give way to a centred Dark / Light switch (owner 2026-11-06). */
#navbar .rnr-site-theme-switch{display:none}
@media(max-width:760px){
#navbar.rnr-site-header .rnr-site-social,#navbar.rnr-site-header .rnr-site-actions>.rnr-site-theme-btn{display:none!important}
#navbar .rnr-site-theme-switch{display:inline-flex;justify-self:center;align-self:center;padding:3px;gap:2px;border:1px solid rgba(224,197,132,.32);border-radius:5px}
#navbar .rnr-site-theme-switch button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border:0;border-radius:3px;background:transparent;color:#E0C584;font:600 13px/1 inherit;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#navbar .rnr-site-theme-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#navbar .rnr-site-theme-switch button[aria-pressed='true']{background:rgba(224,197,132,.18);color:#f0e2c0}
#navbar .rnr-site-theme-switch button:focus-visible{outline:2px solid currentColor;outline-offset:1px}
html[data-theme='light'] #navbar .rnr-site-theme-switch{border-color:#D5C9BE}
html[data-theme='light'] body #navbar .rnr-site-theme-switch button{color:#7d5c2c}
html[data-theme='light'] body #navbar .rnr-site-theme-switch button[aria-pressed='true']{background:rgba(125,92,44,.12);color:#5a3d14}
}