:root{
  --brand:#0d6efd;
  --brand-dark:#0b5ed7;
  --accent:#20c997;
  --bg-soft:#f8f9fb;
}
html[data-theme="dark"]{
  --bg-soft:#0f1116;
}
body{ background: var(--bg-soft); }
.navbar-brand strong{ letter-spacing:.3px }
.hero {
  background: radial-gradient(1250px 600px at 10% 10%, rgba(13,110,253,.12), transparent 60%),
              radial-gradient(800px 400px at 90% 0%, rgba(32,201,151,.12), transparent 60%);
  border-radius: 16px;
}
.hero .display-5{ font-weight:800; }
.hero .lead{ color:#334; opacity:.8 }
.card-room { transition: transform .2s ease, box-shadow .2s ease; }
.card-room:hover { transform: translateY(-2px); box-shadow:0 12px 30px rgba(0,0,0,.08) }
.badge-amenity{ background:#eef3ff; color:#1b3f8b; margin:0 6px 6px 0 }
.price { font-weight:700; font-size:1.15rem }
.footer{ background:#fff; border-top:1px solid #eee; color:#5c6570; }
html[data-theme="dark"] .footer{ background:#0b0e13; border-color:#141821; }
.theme-toggle{ cursor:pointer }