body.dark-mode {
  --light: #0d1422;
  --cream: #121b2c;
  --text: #f6f1ec;
  --muted: #bdc4d0;
  --border: #334155;
  --secondary: #f8fafc;
  background: radial-gradient(circle at 60% 12%, rgba(158, 18, 36, .2), transparent 34%), #0d1422;
  color: var(--text);
}

body.dark-mode .site-header.scrolled,
body.dark-mode .navbar-collapse.show {
  background: rgba(13, 20, 34, .92);
}

body.dark-mode .brand-emblem,
body.dark-mode .social-rail a {
  background: #111c2e;
  color: #f8fafc;
}

body.dark-mode .brand-text span,
body.dark-mode .hero-copy h1,
body.dark-mode .section-title,
body.dark-mode .panel-head h2 {
  color: #f8fafc;
}

body.dark-mode .nav-link,
body.dark-mode .hero-subtitle,
body.dark-mode .about-section p,
body.dark-mode .stat-card span,
body.dark-mode .focus-item p,
body.dark-mode .focus-item h3,
body.dark-mode .news-item h3 {
  color: #e5e7eb;
}

body.dark-mode .hero-section::before {
  background:
    linear-gradient(90deg, rgba(13,20,34,.98) 0%, rgba(13,20,34,.88) 46%, rgba(13,20,34,.62) 100%),
    url("../images/hero-backdrop.jpg") right 92px / 56% auto no-repeat;
}

body.dark-mode .hero-monument,
body.dark-mode .hero-crowd {
  opacity: .2;
  mix-blend-mode: screen;
}

body.dark-mode .hero-brush { opacity: .62; }

body.dark-mode .panel-card,
body.dark-mode .stat-card {
  background: rgba(17, 28, 46, .72);
  border-color: rgba(255,255,255,.16);
}

body.dark-mode .feature-strip,
body.dark-mode .site-footer {
  background: linear-gradient(120deg, #050914, #0d1830);
}

body.dark-mode .news-item,
body.dark-mode .copyright {
  border-color: rgba(255,255,255,.14);
}

body.dark-mode .theme-toggle {
  color: #f8fafc;
  background: rgba(255,255,255,.13);
}

body.dark-mode .mobile-bottom-nav {
  background: rgba(13, 20, 34, .8);
  border-color: rgba(255,255,255,.15);
}

body.dark-mode .mobile-bottom-nav a,
body.dark-mode .mobile-bottom-nav button {
  color: #f8fafc;
}

body.dark-mode .mobile-bottom-nav .active,
body.dark-mode .mobile-bottom-nav a:hover,
body.dark-mode .mobile-bottom-nav button:hover {
  color: #ffb6c0;
}