:root[data-theme="black"] {
  --bg: #050608;
  --bg-soft: #101217;
  --text: #f5f5f5;
  --muted: #a5a5a5;
  --gold: #c9a86a;
  --gold-soft: #403626;
  --border: #252525;
  --shadow-soft: 0 18px 55px rgba(0, 0, 0, 0.8);
}

/* BASE OVERRIDES */

:root[data-theme="black"] body {
  background: var(--bg);
  color: var(--text);
}

:root[data-theme="black"] .header {
  background: rgba(5, 6, 8, 0.95);
  border-bottom-color: #141414;
}

:root[data-theme="black"] .nav a {
  color: var(--muted);
}

:root[data-theme="black"] .nav a.active {
  color: var(--text);
}

:root[data-theme="black"] .hero-badge {
  background: #17130b;
  border-color: var(--gold-soft);
}

:root[data-theme="black"] .subtitle,
:root[data-theme="black"] .section-intro,
:root[data-theme="black"] .card-minimal p,
:root[data-theme="black"] .list-gold li,
:root[data-theme="black"] .contact-text,
:root[data-theme="black"] .footer-inner {
  color: var(--muted);
}

:root[data-theme="black"] .card-minimal {
  background: #0b0c10;
  border-color: #242424;
}

:root[data-theme="black"] .hero-tags span {
  background: #15161b;
  color: var(--muted);
}

:root[data-theme="black"] .cta-dubai {
  background: radial-gradient(circle at top, #242021, #050608);
}

:root[data-theme="black"] .cta-inner p {
  color: #d7d7d7;
}

:root[data-theme="black"] .btn-outline-dark {
  border-color: #f0f0f0;
  color: #f0f0f0;
}

:root[data-theme="black"] .btn-outline-dark:hover {
  background: #f0f0f0;
  color: #050608;
}

:root[data-theme="black"] .theme-toggle {
  border-color: var(--gold);
  color: var(--gold);
}

:root[data-theme="black"] .theme-toggle:hover {
  background: var(--gold);
  color: #050608;
}

:root[data-theme="black"] .image-wrapper {
  background: #000;
}

:root[data-theme="black"] .map-placeholder {
  background: #101217;
  border-color: #2a2a2a;
}

:root[data-theme="black"] .text-link {
  color: var(--gold);
}

:root[data-theme="black"] .footer {
  background: #050608;
  border-top-color: #141414;
}

/* PRELOADER DARK */

:root[data-theme="black"] #preloader {
  background: rgba(5, 6, 8, 0.98);
}

:root[data-theme="black"] .preloader-circle {
  border-color: rgba(201, 168, 106, 0.32);
  border-top-color: var(--gold);
}

/* SLIDER DARK OVERRIDES */

:root[data-theme="black"] .slider-btn {
  background: rgba(255,255,255,0.15);
}

:root[data-theme="black"] .slider-btn:hover {
  background: rgba(255,255,255,0.3);
}

:root[data-theme="black"] .slider-dots div {
  background: rgba(255,255,255,0.4);
}

:root[data-theme="black"] .slider-dots .active {
  background: var(--gold);
}