/* Light card surfaces within the approved Warm Obsidian surroundings. */
body.cards-ivory{--card:oklch(93% .025 83);--card-inset:oklch(88% .035 79);--card-text:#30271d;--card-muted:#665644;--card-accent:#79572f}
body.cards-taupe{--card:oklch(79% .035 65);--card-inset:oklch(84% .03 65);--card-text:#2b231e;--card-muted:#56463a;--card-accent:#65452f}
body.cards-sage{--card:oklch(84% .035 130);--card-inset:oklch(89% .025 130);--card-text:#253024;--card-muted:#4d5a44;--card-accent:#465e39}
body.light-cards :is(.hero-copy,.unit,#two-bedroom,form.sand){--surface:var(--card);--text:var(--card-text);--muted:var(--card-muted);--line:color-mix(in srgb,var(--card-text) 26%,transparent);--accent:var(--card-accent);--ink:var(--card);background:var(--card);color:var(--card-text);border-color:var(--line);color-scheme:light}
body.light-cards .hero h1 span{color:var(--card-accent)}
body.light-cards .rates{background:var(--card-inset);border-color:transparent}
body.light-cards :is(.unit,form) .button{background:var(--card-text)!important;color:var(--card)!important;border-color:var(--card-text)}
body.light-cards :is(.unit,form) :is(.button.outline,.unit-toggle){background:transparent!important;color:var(--card-text)!important;border-color:var(--card-muted)!important}
body.light-cards :is(.unit,form) .button-icon{background:#d9b680;color:#30271d}
body.light-cards :is(.room-prev,.room-next){background:var(--card-inset);color:var(--card-text);border-color:var(--card-muted)}
body.light-cards .room-caption{background:#15120feb;color:#f1e9dc;border-color:#ffffff30}
body.light-cards .room-thumbnails button[aria-pressed=true]{border-color:var(--card-accent)}
body.light-cards .room-dots i{background:color-mix(in srgb,var(--card-accent) 30%,transparent)}
body.light-cards .room-dots i.active{background:var(--card-accent)}
body.light-cards :is(input,select,textarea){background:var(--card-inset);color:var(--card-text);border-color:var(--card-muted)}
body.light-cards :is(.unit,.hero-copy,form) :focus-visible{outline-color:var(--card-accent)}