/* Dark mode overrides - keep all dark tuning here */

:root {
  --forest-900: oklch(0.23 0.04 162);
  --forest-700: oklch(0.73 0.12 78);
  --cream-100: oklch(0.9 0.01 90);
  --cream-200: oklch(0.83 0.01 90);
  --ink-900: oklch(0.93 0.01 90);
  --ink-700: oklch(0.82 0.01 90);
  --paper-warm: oklch(0.26 0.02 160);
  --copper-500: #d48a3a;
  --ring-copper: 1px solid oklch(0.72 0.1 56 / 0.36);
  --shadow-soft: 0 18px 44px oklch(0.05 0.02 160 / 0.46);
  --shadow-luxe: 0 22px 58px oklch(0.04 0.02 160 / 0.58);
}

body {
  color: var(--ink-900) !important;
  background:
    radial-gradient(circle at 8% 12%, oklch(0.31 0.035 162 / 0.26), transparent 34%),
    radial-gradient(circle at 86% 0%, oklch(0.38 0.06 70 / 0.2), transparent 40%),
    oklch(0.18 0.03 162) !important;
}

h1,
h2,
h3 {
  color: var(--copper-500) !important;
}

p,
li,
.gallery-caption,
.hero-phone-note,
.highlight-item span,
.menu-card ul,
.testimonial-card p,
.footer-meta p {
  color: var(--ink-700) !important;
}

.eyebrow,
.booking-widget .eyebrow,
.hero-copy .eyebrow {
  color: oklch(0.76 0.12 78) !important;
}

.section-head::after {
  background: color-mix(in oklch, var(--copper-500), transparent 24%) !important;
  box-shadow: 0 6px 22px oklch(0.64 0.11 56 / 0.38) !important;
}

.topbar.scrolled {
  background: oklch(0.19 0.03 162 / 0.92) !important;
  border-color: oklch(0.45 0.06 66 / 0.28) !important;
}

.mobile-menu {
  background: oklch(0.2 0.035 162 / 0.94) !important;
}

.mobile-menu a:hover {
  color: var(--copper-500) !important;
}

.hero {
  background:
    linear-gradient(108deg, oklch(0.19 0.035 162 / 0.84) 12%, oklch(0.14 0.022 164 / 0.54) 62%, oklch(0.2 0.05 68 / 0.34) 100%),
    url("assets/hero.webp") center / cover no-repeat !important;
}

.hero-copy h1,
.hero-phone {
  color: oklch(0.96 0.01 90) !important;
}

.btn-primary,
.quick-call,
.call-link,
.mobile-menu .mobile-call {
  background: var(--copper-500) !important;
  color: oklch(0.98 0.004 90) !important;
}

.btn-secondary {
  color: oklch(0.92 0.01 90) !important;
  border-color: oklch(0.72 0.08 60 / 0.34) !important;
  background: oklch(0.3 0.025 162 / 0.7) !important;
}

.btn:hover,
.quick-call:hover,
.call-link:hover {
  background: #b8752f !important;
}
.booking-widget {
    background: oklch(0.24 0.02 160 / 0.8) !important;
    border-color: oklch(0.39 0.03 162 / 0.6) !important;
}
.feature {background-color: var(--paper-warm) !important;}

.highlight-bar,
.highlight-item,
.menu-card,
.room-copy,
.testimonial-card,
.contact-band {
  background: oklch(0.24 0.022 160) !important;
  border-color: oklch(0.39 0.03 162 / 0.6) !important;
}

.menu-card::before {
  background: linear-gradient(180deg, oklch(0.33 0.05 68 / 0.24), transparent) !important;
}

.highlight-item strong,
.menu-card .price,
.testimonial-name,
.footer-links a:hover,
.contact-band h2,
.signature-meta {
  color: var(--copper-500) !important;
}

.signature-wrap {
  background: linear-gradient(150deg, oklch(0.22 0.03 162), oklch(0.2 0.026 92)) !important;
  border-top-color: oklch(0.36 0.03 162 / 0.6) !important;
  border-bottom-color: oklch(0.36 0.03 162 / 0.6) !important;
}

.feature .icon {
  filter: invert(70%) sepia(34%) saturate(786%) hue-rotate(350deg) brightness(98%) contrast(90%) !important;
}

.gallery-item::after {
  background: linear-gradient(145deg, oklch(0.05 0.02 162 / 0.16), oklch(0.08 0.04 68 / 0.3)) !important;
}

.room-gallery-name {
  color: oklch(0.97 0.008 90) !important;
  background: linear-gradient(180deg, oklch(0.08 0.02 162 / 0), oklch(0.07 0.02 162 / 0.9)) !important;
}

footer {
  background: oklch(0.16 0.03 162) !important;
}

.footer-title,
.footer-meta h3,
footer a,
.footer-links a,
.footer-brand p,
.footer-bottom {
  color: oklch(0.89 0.01 90) !important;
}
ul li {
    background-color: var(--paper-warm) !important;
}