/* dark-mode.css */
body.dark-mode {
  --body-bg: #121212;
  --alt-bg: #1E1E1E;
  --text-main: #ECECEC;
  --border-color: #333333;
}

body.dark-mode .ad-slot {
  background: #1E1E1E;
  border-color: #333333;
  color: #666;
}

body.dark-mode .hero p,
body.dark-mode .page-intro,
body.dark-mode .drop-zone-subtext,
body.dark-mode .file-info,
body.dark-mode .footer-col p {
  color: #b0b0b0;
}

body.dark-mode .badge-pending {
  background: #444;
}

body.dark-mode .form-control {
  background: #252525;
  color: #fff;
  border-color: #444;
}

body.dark-mode input[type=range]::-webkit-slider-runnable-track {
  background: #333333;
}

body.dark-mode .feature-card,
body.dark-mode .converter-widget,
body.dark-mode .faq-answer {
  background: #181818;
}

body.dark-mode .comparison-table th {
  background-color: #252525;
}

body.dark-mode .comparison-table td {
  background-color: #181818;
}

body.dark-mode .cta-card {
  background: #181818;
}

body.dark-mode .cta-card:hover {
  background: var(--primary-red);
}