html.dark-mode {
  --color-navy: #0D1B2A;
  --color-cobalt: #3B82F6;
  --color-cyan: #22D3EE;
  --color-emerald: #34D399;
  --color-near-black: #060D17;
  --color-surface-light: #0F1A2A;
  --color-text-dark: #E2E8F0;
  --color-text-light: #F1F5F9;
  --color-muted: #94A3B8;
  --color-border: #1E293B;
}

html.dark-mode body {
  background-color: var(--color-surface-light);
  color: var(--color-text-dark);
}

html.dark-mode .site-header.scrolled {
  background: rgba(6, 13, 23, 0.95);
}

html.dark-mode .industries-hero,
html.dark-mode .industry-tile-header {
  background: var(--color-surface-light);
}

html.dark-mode .industry-tile {
  background: rgba(255,255,255,0.03);
  border-color: var(--color-border);
}

html.dark-mode .industry-tile:hover {
  background: rgba(255,255,255,0.06);
}

html.dark-mode .pricing-card,
html.dark-mode .case-study-card {
  background: rgba(255,255,255,0.03);
  border-color: var(--color-border);
}

html.dark-mode .featured-article {
  background: rgba(255,255,255,0.03);
  border-color: var(--color-border);
}

html.dark-mode .featured-article-title {
  color: var(--color-text-light);
}

html.dark-mode .comparison-table td,
html.dark-mode .comparison-table th {
  border-color: var(--color-border);
  color: var(--color-text-dark);
}

html.dark-mode .contact-form input,
html.dark-mode .contact-form select,
html.dark-mode .contact-form textarea {
  background: rgba(255,255,255,0.05);
  border-color: var(--color-border);
  color: var(--color-text-dark);
}

html.dark-mode .btn-ghost {
  border-color: var(--color-border);
  color: var(--color-text-dark);
}

html.dark-mode .btn-ghost:hover {
  border-color: var(--color-cobalt);
  color: var(--color-cobalt);
}

html.dark-mode .testimonial-card,
html.dark-mode .preview-tile,
html.dark-mode .blog-card,
html.dark-mode .press-card,
html.dark-mode .industry-tile-expand {
  background: rgba(255,255,255,0.03);
  border-color: var(--color-border);
}

html.dark-mode .blog-card-title,
html.dark-mode .press-card-name {
  color: var(--color-text-light);
}

html.dark-mode .footer-bottom {
  border-color: var(--color-border);
}

html.dark-mode .breadcrumb a,
html.dark-mode .breadcrumb-sep {
  color: var(--color-muted);
}

html.dark-mode .hero-eyebrow {
  background: rgba(59,130,246,0.15);
  color: var(--color-cobalt);
}

html.dark-mode .page-hero-subtitle {
  color: var(--color-muted);
}

html.dark-mode table {
  background: transparent;
}

html.dark-mode table td,
html.dark-mode table th {
  border-color: var(--color-border);
  color: var(--color-text-dark);
}

html.dark-mode table thead th {
  color: var(--color-text-light);
}

html.dark-mode input,
html.dark-mode select,
html.dark-mode textarea {
  background: rgba(255,255,255,0.04);
  border-color: var(--color-border);
  color: var(--color-text-dark);
}

html.dark-mode input::placeholder,
html.dark-mode textarea::placeholder {
  color: var(--color-muted);
}

html.dark-mode .footer-links a {
  color: var(--color-muted);
}

html.dark-mode .footer-links a:hover {
  color: var(--color-text-light);
}

html.dark-mode .press-chip {
  background: rgba(255,255,255,0.04);
  border-color: var(--color-border);
  color: var(--color-muted);
}

html.dark-mode .faq-item {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.06);
}

html.dark-mode .faq-question {
  color: var(--color-text-light);
}

html.dark-mode .faq-answer p {
  color: var(--color-muted);
}