body.dark {
  color-scheme: dark;
  --bg: #061426;
  --surface: #0b203b;
  --surface-2: #0d2c52;
  --text: #edf6ff;
  --muted: #aec3da;
  --primary: #4db6ff;
  --primary-2: #11d6ff;
  --navy: #d9efff;
  --line: rgba(217, 239, 255, .16);
  --shadow: 0 18px 50px rgba(0, 0, 0, .35);
}
body.dark .btn-secondary,
body.dark .product-image,
body.dark .hero-media {
  background: #0b203b;
}
body.dark .stats {
  background: linear-gradient(135deg, #020a14, #0a4a81);
}
body.dark .site-footer {
  background: #020a14;
}