/* Engine bay post-wash diagnostics — dark theme palette */
:root {
  --bg-primary: #111827;
  --bg-secondary: #020617;
  --bg-muted: #0c1424;
  --bg-glass: rgba(17, 24, 39, 0.92);
  --bg-inverse: #f3f4f6;
  --surface-primary: #111827;
  --surface-secondary: #1a2332;
  --surface-accent: #111827;
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
  --text-accent: #06b6d4;
  --text-body: #f3f4f6;
  --border-light: rgba(156, 163, 175, 0.28);
  --border-medium: rgba(6, 182, 212, 0.35);
  --primary-50: #042f2e;
  --primary-100: #064e3b;
  --primary-200: #0891b2;
  --primary-300: #06b6d4;
  --primary-400: #22d3ee;
  --primary-500: #06b6d4;
  --primary-600: #0891b2;
  --primary-700: #0e7490;
  --primary-rgb: 6, 182, 212;
  --neutral-50: #f9fafb;
  --neutral-100: #f3f4f6;
  --neutral-300: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-700: #374151;
  --neutral-900: #111827;
  --accent-500: #22c55e;
  --button-primary-bg: #06b6d4;
  --button-primary-text: #020617;
  --button-secondary-bg: #1f2937;
  --button-secondary-text: #f3f4f6;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
}

html {
  background-color: #020617;
}

body {
  background-color: #020617 !important;
  color: var(--text-primary) !important;
}

.site-header-dark .navbar {
  background-color: var(--bg-primary) !important;
}

.site-header-dark .navbar-toggler {
  border-color: rgba(6, 182, 212, 0.35);
}

.text-accent-green {
  color: #22c55e !important;
}

.text-accent-blue,
.text-accent-cyan {
  color: #06b6d4 !important;
}

.pro_hero_title,
.hero-title,
.about-main-title,
.fresh_section_title {
  color: #f3f4f6 !important;
}

.dark_hero_subtitle,
.hero-subtitle,
.bold_section_subtitle {
  color: #d1d5db !important;
}

.design_body_large.hero-description,
.light_body_base {
  color: #d1d5db !important;
}

.btn-primary,
.btn-leadgen-submit {
  background-color: #06b6d4 !important;
  border-color: #06b6d4 !important;
  color: #020617 !important;
}

.btn-primary:hover,
.btn-leadgen-submit:hover {
  background-color: #0891b2 !important;
  border-color: #0891b2 !important;
}

.hero-professional-blue-01 {
  background: linear-gradient(135deg, #020617 0%, #111827 50%, #0c1424 100%) !important;
}

.usp-item-inner {
  border-color: rgba(6, 182, 212, 0.2) !important;
  background: rgba(17, 24, 39, 0.6) !important;
}

.usp-item-value {
  color: #06b6d4 !important;
}

.service-card {
  background: #111827 !important;
  border: 1px solid rgba(6, 182, 212, 0.15) !important;
}

.service-icon-wrapper {
  background: rgba(6, 182, 212, 0.12) !important;
  color: #06b6d4 !important;
}

.blog-card-inner {
  background: #111827 !important;
  border-color: rgba(6, 182, 212, 0.15) !important;
}

.blog-card-badge {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #22c55e !important;
}

.blog-card-link {
  color: #06b6d4 !important;
}

.footer-classic {
  background: #111827 !important;
}

.footer-disclaimer-box {
  border-color: rgba(6, 182, 212, 0.25) !important;
  background: rgba(2, 6, 23, 0.6) !important;
}

.disclaimer-icon {
  color: #06b6d4 !important;
}

.brand-accent-line {
  background: linear-gradient(90deg, #06b6d4, #22c55e) !important;
}

.team-card-site8 img {
  border: 3px solid rgba(6, 182, 212, 0.3);
  border-radius: 50%;
  object-fit: cover;
}

.leadgen-form-card {
  background: #111827 !important;
  border: 1px solid rgba(6, 182, 212, 0.2) !important;
}

.contact-section-modern .form-column {
  background: #111827 !important;
}

.contact-section-modern .info-column {
  background: #0c1424 !important;
}

.decorative-accent {
  background: #06b6d4 !important;
}

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link.active {
  color: #06b6d4 !important;
}

.dropdown-menu-dark {
  background: #111827 !important;
}

.map-embed-wrap iframe {
  width: 100%;
  height: 400px;
  border: 0;
  border-radius: 8px;
}



.article-container h2 {
  color: #f3f4f6;
  margin-top: 2rem;
}

.article-container p,
.article-container li {
  color: #d1d5db;
  line-height: 1.75;
}

.legal-content h1,
.legal-content h2 {
  color: #f3f4f6;
}

.legal-content p,
.legal-content li {
  color: #d1d5db;
}