:root{
  --xw-bg:#0b0d12;
  --xw-panel:#0f1218;
  --xw-card:#11151c;
  --xw-text:#f4f6f8;
  --xw-muted:#b9c0c8;
  --xw-accent:#7fb0ff;
  --xw-gold:#cbb279;
  --xw-border:#202531;
  --xw-radius:16px; --xw-radius-lg:22px;
}
html{scroll-behavior:smooth}
body{background:var(--xw-bg);color:var(--xw-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3,.display{font-family:"DM Serif Display",Georgia,serif;letter-spacing:.2px;color:#fff}
a{color:#dbe7ff;text-decoration:none}
a:hover{color:#fff}
.btn, .button, .cta-button, .btn-cta, button.cta{
  background:var(--xw-gold)!important;color:#111!important;border-radius:var(--xw-radius)!important;
  padding:.8rem 1.1rem!important;border:1px solid rgba(203,178,121,.35)!important;
  transition:transform .2s ease, box-shadow .2s ease
}
.btn:hover, .cta-button:hover, .btn-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.md-card, .listing-card, .property-card{
  background:var(--xw-card)!important;border:1px solid var(--xw-border)!important;border-radius:var(--xw-radius-lg)!important;overflow:hidden
}
header.md-header, .main-header, .global-header{background:transparent!important;color:#fff}
.site-footer, footer{background:#0a0d13!important;color:var(--xw-muted)}
footer a{color:var(--xw-muted)!important}
footer a:hover{color:#fff!important}
:focus-visible{outline:2px solid var(--xw-gold);outline-offset:2px;border-radius:6px}