/* Dark Mode Styles */
:root {
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-elevated: #f9fafb;
  --color-border: #e5e7eb;
  --color-border-muted: #f3f4f6;
  --color-text-heading: #111827;
  --color-text-body: #374151;
  --color-text-muted: #6b7280;
  --color-accent-primary: #f97316;
  --color-accent-secondary: #8b5cf6;
  --color-shadow: rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] {
  /* Obsidian Depths color palette from Piktochart */
  --color-background: #2C3E50;
  --color-surface: #34495E;
  --color-surface-elevated: #34495E;
  --color-border: #34495E;
  --color-border-muted: #34495E;
  --color-text-heading: #ECF0F1;
  --color-text-body: #ECF0F1;
  --color-text-muted: #BDC3C7; /* Derived from ECF0F1 for muted effect */
  --color-accent-primary: #1ABC9C;
  --color-accent-secondary: #16A085;
  --color-shadow: rgba(44, 62, 80, 0.7);
}

/* Smooth transitions for theme changes */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Dark mode specific styles */
[data-theme="dark"] body {
  background-color: var(--color-background);
  color: var(--color-text-body);
}

[data-theme="dark"] .bg-white {
  background-color: var(--color-surface);
}

[data-theme="dark"] .bg-gray-50 {
  background-color: var(--color-surface-elevated);
}

[data-theme="dark"] .bg-gray-100 {
  background-color: var(--color-surface-elevated);
}

[data-theme="dark"] .bg-gray-200 {
  background-color: var(--color-border);
}

[data-theme="dark"] .text-gray-900 {
  color: var(--color-text-heading);
}

[data-theme="dark"] .text-gray-800 {
  color: var(--color-text-heading);
}

[data-theme="dark"] .text-gray-700 {
  color: var(--color-text-body);
}

[data-theme="dark"] .text-gray-600 {
  color: var(--color-text-muted);
}

[data-theme="dark"] .text-gray-500 {
  color: var(--color-text-muted);
}

[data-theme="dark"] .border-gray-200 {
  border-color: var(--color-border);
}

[data-theme="dark"] .border-gray-300 {
  border-color: var(--color-border);
}

[data-theme="dark"] .shadow-lg {
  box-shadow: 0 10px 15px -3px var(--color-shadow), 0 4px 6px -4px var(--color-shadow);
}

[data-theme="dark"] .shadow-xl {
  box-shadow: 0 20px 25px -5px var(--color-shadow), 0 8px 10px -6px var(--color-shadow);
}

/* Dark mode for gradient backgrounds with better contrast */
[data-theme="dark"] .bg-gradient-to-br.from-orange-100.to-orange-200 {
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.15), rgba(249, 115, 22, 0.25));
}

[data-theme="dark"] .bg-gradient-to-br.from-purple-100.to-purple-200 {
  background: linear-gradient(135deg, rgba(167, 139, 250, 0.15), rgba(139, 92, 246, 0.25));
}

[data-theme="dark"] .bg-gradient-to-br.from-green-100.to-green-200 {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(22, 163, 74, 0.25));
}

[data-theme="dark"] .bg-gradient-to-br.from-blue-100.to-blue-200 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.25));
}

[data-theme="dark"] .bg-gradient-to-br.from-red-100.to-red-200 {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.25));
}

/* Ensure text on gradients is readable */
[data-theme="dark"] .bg-gradient-to-br > * {
  position: relative;
  z-index: 1;
}

/* Enhanced text contrast for dark mode */
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-500,
[data-theme="dark"] .text-gray-400 {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .text-gray-800,
[data-theme="dark"] .text-gray-900 {
  color: var(--color-text-heading) !important;
}

/* Ensure placeholder text is visible */
[data-theme="dark"] ::placeholder {
  color: #94a3b8;
  opacity: 1;
}

/* Improve link visibility */
[data-theme="dark"] a:not(.btn) {
  color: var(--color-accent-primary);
}

[data-theme="dark"] a:hover:not(.btn) {
  color: #fed7aa;
}

/* Footer specific styles for better text visibility */
[data-theme="dark"] footer.bg-gray-900 {
  background-color: #1e293b !important;
}

[data-theme="dark"] footer .text-white {
  color: #f8fafc !important;
}

[data-theme="dark"] footer .text-gray-300 {
  color: #cbd5e1 !important;
}

[data-theme="dark"] footer .text-gray-200 {
  color: #e2e8f0 !important;
}

[data-theme="dark"] footer li {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] footer .border-gray-700 {
  border-color: var(--color-border) !important;
}

[data-theme="dark"] footer a.text-white,
[data-theme="dark"] footer a.text-xl {
  color: #f8fafc !important;
}

[data-theme="dark"] footer a.text-white:hover,
[data-theme="dark"] footer a.text-xl:hover {
  color: var(--color-accent-primary) !important;
}

[data-theme="dark"] footer h4.font-bold {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] footer .space-y-2.text-gray-300 {
  color: var(--color-text-muted) !important;
}

/* Additional footer styles for better visibility */
[data-theme="dark"] footer p {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] footer ul li {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] footer ul li a {
  color: #cbd5e1 !important;
  transition: color 0.3s ease !important;
}

[data-theme="dark"] footer ul li a:hover {
  color: var(--color-accent-primary) !important;
}

/* Who We Serve section styles */
[data-theme="dark"] #target-market.bg-white,
[data-theme="dark"] .target-market-section.bg-white {
  background-color: var(--color-background) !important;
}

[data-theme="dark"] #target-market .text-gray-900,
[data-theme="dark"] .target-market-section .text-gray-900 {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] #target-market .text-gray-600,
[data-theme="dark"] .target-market-section .text-gray-600 {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] #target-market .bg-white,
[data-theme="dark"] .target-market-section .bg-white {
  background-color: var(--color-surface) !important;
}

[data-theme="dark"] #target-market .shadow-lg,
[data-theme="dark"] .target-market-section .shadow-lg {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] #target-market .bg-gradient-to-br,
[data-theme="dark"] .target-market-section .bg-gradient-to-br {
  --tw-gradient-from: #334155 !important;
  --tw-gradient-to: #1e293b !important;
}

/* Additional styles for Who We Serve cards */
[data-theme="dark"] #target-market .rounded-xl,
[data-theme="dark"] .target-market-section .rounded-xl {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

[data-theme="dark"] #target-market .font-semibold,
[data-theme="dark"] .target-market-section .font-semibold {
  color: var(--color-text-heading) !important;
}

/* What Our Clients Say section styles */
[data-theme="dark"] .bg-white.rounded-xl {
  background-color: var(--color-surface) !important;
}

[data-theme="dark"] .text-gray-700 {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] .text-gray-900 {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] .text-gray-600 {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .border-gray-100 {
  border-color: var(--color-border) !important;
}

[data-theme="dark"] .shadow-lg {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .ring-2 {
  --tw-ring-color: var(--color-border) !important;
}

/* Dark mode for form inputs */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] textarea {
  background-color: var(--color-surface-elevated);
  border-color: var(--color-border);
  color: var(--color-text-body);
}

[data-theme="dark"] input[type="text"]:focus,
[data-theme="dark"] input[type="email"]:focus,
[data-theme="dark"] input[type="tel"]:focus,
[data-theme="dark"] textarea:focus {
  border-color: var(--color-accent-primary);
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}

/* Dark mode for placeholder text */
[data-theme="dark"] ::placeholder {
  color: var(--color-text-muted);
}

/* Dark mode toggle button styles */
#darkModeToggle {
  position: relative;
  overflow: hidden;
}

#darkModeToggle:hover {
  transform: scale(1.05);
}

#darkModeToggle:active {
  transform: scale(0.95);
}

/* Icon size hierarchy improvements */
.icon-xs { width: 1rem; height: 1rem; }
.icon-sm { width: 1.25rem; height: 1.25rem; }
.icon-md { width: 1.5rem; height: 1.5rem; }
.icon-lg { width: 2rem; height: 2rem; }
.icon-xl { width: 2.5rem; height: 2.5rem; }
.icon-2xl { width: 3rem; height: 3rem; }
.icon-3xl { width: 4rem; height: 4rem; }

/* Enhanced icon sizing for different contexts */
.hero-icon { width: 3.5rem; height: 3.5rem; }
.section-icon { width: 2.5rem; height: 2.5rem; }
.card-icon { width: 2rem; height: 2rem; }
.input-icon { width: 1.25rem; height: 1.25rem; }
.feature-icon { width: 2.25rem; height: 2.25rem; }

/* Responsive icon sizing */
@media (max-width: 768px) {
  .hero-icon { width: 2.5rem; height: 2.5rem; }
  .section-icon { width: 2rem; height: 2rem; }
  .card-icon { width: 1.75rem; height: 1.75rem; }
}

/* Dark mode compatible gradients */
.gradient-dark {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.1), rgba(139, 92, 246, 0.1));
}

[data-theme="dark"] .gradient-dark {
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.2), rgba(167, 139, 250, 0.2));
}

/* Flexible Pricing Options section styles */
[data-theme="dark"] #pricing.bg-white {
  background-color: var(--color-background) !important;
}

[data-theme="dark"] #pricing .text-gray-900 {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] #pricing .text-gray-600 {
  color: var(--color-text-body) !important;
}

/* Enhanced pricing card styling with stronger selectors */
[data-theme="dark"] #pricing .card.pricing-card,
[data-theme="dark"] #pricing .pricing-card,
[data-theme="dark"] .card.pricing-card,
[data-theme="dark"] .pricing-card {
  background-color: var(--color-surface) !important;
  background: var(--color-surface) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
  border: 2px solid var(--color-border) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text-body) !important;
}

[data-theme="dark"] .pricing-card h4 {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] .pricing-card p {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] .text-subtle {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .selected-plan {
  border: 2px solid var(--color-accent-primary) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -6px rgba(0, 0, 0, 0.4) !important;
  background-color: var(--color-surface-elevated) !important;
}

/* Pricing card text elements */
[data-theme="dark"] .pricing-card .text-4xl {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] .pricing-card .font-bold {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] .pricing-card .text-\[var\(--color-text-heading\)\] {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] #pricing .bg-\[var\(--color-accent-secondary\)\] {
  background-color: var(--color-accent-secondary) !important;
  color: white !important;
}

/* Additional comprehensive pricing card dark mode fixes */
[data-theme="dark"] #pricing div.card,
[data-theme="dark"] #pricing div.pricing-card,
[data-theme="dark"] section#pricing .card,
[data-theme="dark"] section#pricing .pricing-card {
  background-color: var(--color-surface) !important;
  background: var(--color-surface) !important;
  border: 2px solid var(--color-border) !important;
  border-color: var(--color-border) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
}

/* Force all text in pricing cards to be visible */
[data-theme="dark"] #pricing .card *,
[data-theme="dark"] #pricing .pricing-card * {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] #pricing .card h4,
[data-theme="dark"] #pricing .pricing-card h4 {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] #pricing .card .text-4xl,
[data-theme="dark"] #pricing .pricing-card .text-4xl {
  color: var(--color-text-heading) !important;
}

/* Override any white backgrounds in pricing section */
[data-theme="dark"] #pricing .bg-white {
  background-color: var(--color-surface) !important;
  background: var(--color-surface) !important;
}

/* Target Market Section Cards Dark Mode */
[data-theme="dark"] #target-market .card,
[data-theme="dark"] section#target-market .card,
[data-theme="dark"] .target-market-section .card {
  background-color: var(--color-surface) !important;
  background: var(--color-surface) !important;
  border: 2px solid var(--color-border) !important;
  border-color: var(--color-border) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3) !important;
}

/* Force all text in target-market cards to be visible */
[data-theme="dark"] #target-market .card *,
[data-theme="dark"] .target-market-section .card * {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] #target-market .card h4,
[data-theme="dark"] .target-market-section .card h4 {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] #target-market .card ul,
[data-theme="dark"] .target-market-section .card ul {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] #target-market .card li,
[data-theme="dark"] .target-market-section .card li {
  color: var(--color-text-body) !important;
}

/* Override any white backgrounds in target-market section */
[data-theme="dark"] #target-market .bg-white,
[data-theme="dark"] .target-market-section .bg-white {
  background-color: var(--color-surface) !important;
  background: var(--color-surface) !important;
}

/* Comprehensive Heading Visibility Fixes for Dark Mode */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--color-text-heading) !important;
}

/* Specific heading fixes for sections with white text */
[data-theme="dark"] .text-white {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] .hero-section .text-white,
[data-theme="dark"] section .text-white {
  color: var(--color-text-heading) !important;
}

/* Contact section form headings */
[data-theme="dark"] .contact-section .text-white {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] .contact-section h4.text-white {
  color: var(--color-text-heading) !important;
}

/* Comprehensive heading styles for dark mode */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--color-text-heading) !important;
}

/* Section heading overrides */
[data-theme="dark"] .text-gray-900,
[data-theme="dark"] .text-gray-800 {
  color: var(--color-text-heading) !important;
}

/* Gradient text overrides */
[data-theme="dark"] .bg-gradient-to-r.from-orange-500.via-orange-600.to-orange-700 {
  background: linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Specific section heading fixes */
[data-theme="dark"] #services h2,
[data-theme="dark"] #testimonials h2,
[data-theme="dark"] #target-market h2,
[data-theme="dark"] #pain-points h2,
[data-theme="dark"] #pricing h2,
[data-theme="dark"] #blog h2,
[data-theme="dark"] #contact h2 {
  color: var(--color-text-heading) !important;
}

/* Blog section specific styles */
[data-theme="dark"] .blog-section h2,
[data-theme="dark"] .blog-section h3 {
  color: var(--color-text-heading) !important;
}

/* Services section specific styles */
[data-theme="dark"] .services-section h2,
[data-theme="dark"] .services-section h3 {
  color: var(--color-text-heading) !important;
}

/* Testimonials section specific styles */
[data-theme="dark"] .testimonials-section h2 {
  color: var(--color-text-heading) !important;
}

/* Target market section specific styles */
[data-theme="dark"] .target-market-section h2 {
  color: var(--color-text-heading) !important;
}

/* Pain points section specific styles */
[data-theme="dark"] .pain-points-section h2 {
  color: var(--color-text-heading) !important;
}

/* Pricing section specific styles */
[data-theme="dark"] #pricing h2 {
  color: var(--color-text-heading) !important;
}

/* Contact section specific styles */
[data-theme="dark"] .contact-section h2 {
  color: var(--color-text-heading) !important;
}

/* Ultra-specific targeting for ALL prefix texts - force black color */
[data-theme="dark"] h2.text-gray-900,
[data-theme="dark"] h2.text-4xl,
[data-theme="dark"] h2.text-5xl,
[data-theme="dark"] h2.text-6xl,
[data-theme="dark"] h2.font-bold {
  color: #000000 !important; /* Force black for all h2 prefix texts */
}

/* Specific targeting for each problematic heading */
[data-theme="dark"] #services h2,
[data-theme="dark"] .services-section h2,
[data-theme="dark"] #target-market h2,
[data-theme="dark"] .target-market-section h2,
[data-theme="dark"] #pain-points h2,
[data-theme="dark"] .pain-points-section h2,
[data-theme="dark"] #pricing h2,
[data-theme="dark"] .py-16 h2,
[data-theme="dark"] .text-center h2,
[data-theme="dark"] .about-section h2,
[data-theme="dark"] .blog-section h2,
[data-theme="dark"] .contact-section h2 {
  color: #000000 !important; /* Force black for prefix texts */
}

/* Ultra-specific targeting for exact headings that are still not working */
[data-theme="dark"] h2.text-gray-900.mb-4, /* Our Services */
[data-theme="dark"] #services h2.text-gray-900, /* Our Services */
[data-theme="dark"] .services-section h2.text-gray-900, /* Our Services */
[data-theme="dark"] h2.text-gray-900.mt-2, /* Latest From Our */
[data-theme="dark"] #blog h2.text-gray-900, /* Latest From Our */
[data-theme="dark"] .blog-section h2.text-gray-900, /* Latest From Our */
[data-theme="dark"] #target-market h2.mb-4, /* Who We Serve */
[data-theme="dark"] .target-market-section h2.mb-4, /* Who We Serve */
[data-theme="dark"] .container h2.text-gray-900.mb-4, /* What Our Clients Say */
[data-theme="dark"] .fade-in-section h2.text-gray-900.mb-4, /* What Our Clients Say */
[data-theme="dark"] .py-16 h2.text-gray-900.mt-2.mb-6, /* Latest From Our */
[data-theme="dark"] #contact h2.text-gray-900, /* Get in Touch */
[data-theme="dark"] .contact-section h2.text-gray-900 { /* Get in Touch */
  color: #000000 !important;
}

/* Exception for "Serving Diverse" and "Flexible" to make them grey */
[data-theme="dark"] #target-market h2.text-gray-900.mb-4, /* Serving Diverse */
[data-theme="dark"] #pricing h2.text-gray-900.mb-4 { /* Flexible */
  color: var(--color-text-body) !important; /* Grey like body text */
}

/* Force all heading text to black, including prefix texts */
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #000000 !important;
}

/* Preserve gradient text styling while keeping prefix black */
[data-theme="dark"] h2 .bg-gradient-to-r {
  color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
}

/* Override any Tailwind gray text classes */
[data-theme="dark"] .text-gray-900,
[data-theme="dark"] [class*="text-gray-"] {
  color: #000000 !important; /* Force black for all gray text classes */
}

/* Specific targeting for the exact text nodes */
[data-theme="dark"] h2 {
  color: #000000 !important;
}

/* Ensure gradient spans don't affect parent text color */
[data-theme="dark"] h2 > span.bg-gradient-to-r {
  color: transparent !important;
}

/* Handle special cases with br tags */
[data-theme="dark"] h2 br + span.bg-gradient-to-r {
  color: transparent !important;
}

/* Most specific targeting possible */
[data-theme="dark"] * h2.text-gray-900 {
  color: #000000 !important;
}

/* Blog section and other white text elements */
[data-theme="dark"] .blog-section .text-white,
[data-theme="dark"] .services-section .text-white,
[data-theme="dark"] .about-section .text-white {
  color: var(--color-text-heading) !important;
}

/* Form labels and other white text */
[data-theme="dark"] label.text-white,
[data-theme="dark"] .text-gray-200 {
  color: var(--color-text-body) !important;
}

/* Ensure all section headings are visible */
[data-theme="dark"] section h1,
[data-theme="dark"] section h2,
[data-theme="dark"] section h3,
[data-theme="dark"] section h4 {
  color: var(--color-text-heading) !important;
}

/* Comprehensive Card Styling for Dark Mode - All Text White */
/* Services Section Cards */
[data-theme="dark"] .services-section .bg-white {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

[data-theme="dark"] .services-section .text-gray-900,
[data-theme="dark"] .services-section h4,
[data-theme="dark"] .services-section .font-bold {
  color: #ffffff !important; /* Force white text for headings */
}

[data-theme="dark"] .services-section .text-gray-600,
[data-theme="dark"] .services-section p {
  color: #ffffff !important; /* Force white text for body */
}

[data-theme="dark"] .services-section .shadow-lg {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.25), 0 8px 10px -6px rgba(0, 0, 0, 0.25) !important;
}

/* Blog Section Cards */
[data-theme="dark"] .blog-section article.bg-white {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

[data-theme="dark"] .blog-section .text-gray-900,
[data-theme="dark"] .blog-section h4,
[data-theme="dark"] .blog-section .font-bold {
  color: #ffffff !important; /* Force white text for headings */
}

[data-theme="dark"] .blog-section .text-gray-600,
[data-theme="dark"] .blog-section .text-gray-500,
[data-theme="dark"] .blog-section p {
  color: #ffffff !important; /* Force white text for body */
}

/* Contact Section Cards */
[data-theme="dark"] .contact-section .bg-white {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

[data-theme="dark"] .contact-section .text-gray-900,
[data-theme="dark"] .contact-section h4,
[data-theme="dark"] .contact-section .font-bold {
  color: #ffffff !important; /* Force white text for headings */
}

[data-theme="dark"] .contact-section .text-gray-600,
[data-theme="dark"] .contact-section .text-gray-500,
[data-theme="dark"] .contact-section p {
  color: #ffffff !important; /* Force white text for body */
}

/* General Card Styling - All Text White */
[data-theme="dark"] .bg-white.rounded-xl:not(footer *) {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

[data-theme="dark"] .rounded-xl h4,
[data-theme="dark"] .rounded-xl .font-bold {
  color: #ffffff !important; /* Force white for card headings */
}

[data-theme="dark"] .rounded-xl p,
[data-theme="dark"] .rounded-xl .text-gray-600,
[data-theme="dark"] .rounded-xl .text-gray-500 {
  color: #ffffff !important; /* Force white for card body text */
}

/* Testimonial Cards */
[data-theme="dark"] .testimonials-section .bg-white,
[data-theme="dark"] .container .bg-white {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

[data-theme="dark"] .testimonials-section .text-gray-900,
[data-theme="dark"] .testimonials-section .text-gray-700,
[data-theme="dark"] .container .text-gray-900,
[data-theme="dark"] .container .text-gray-700 {
  color: #ffffff !important; /* Force white text for testimonials */
}

/* Industry Cards */
[data-theme="dark"] .target-market-section .bg-white {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

[data-theme="dark"] .target-market-section .text-gray-900,
[data-theme="dark"] .target-market-section p {
  color: #ffffff !important; /* Force white text for industry cards */
}

[data-theme="dark"] .bg-white.rounded-2xl:not(footer *) {
  background-color: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
}

/* Enhanced Footer Styling */
[data-theme="dark"] footer {
  background-color: #1e293b !important;
}

[data-theme="dark"] footer * {
  color: var(--color-text-body) !important;
}

[data-theme="dark"] footer h4 {
  color: var(--color-text-heading) !important;
}

[data-theme="dark"] footer a {
  color: #cbd5e1 !important;
  transition: color 0.3s ease !important;
}

[data-theme="dark"] footer a:hover {
  color: var(--color-accent-primary) !important;
}

[data-theme="dark"] footer .border-gray-700 {
  border-color: var(--color-border) !important;
}

/* Footer copyright section specific styles */
[data-theme="dark"] footer .border-t {
  border-top: 1px solid var(--color-border) !important;
}

[data-theme="dark"] footer .text-gray-300 {
  color: var(--color-text-muted) !important;
}

/* Additional footer text styles for better visibility */
[data-theme="dark"] footer .text-center p {
  color: var(--color-text-muted) !important;
}

/* Ensure all footer list items are properly styled */
[data-theme="dark"] footer ul.space-y-2 li {
  color: var(--color-text-body) !important;
}