/* Darwin Now - Dark Mode Enhancements */
/* Sistema de Identidad Cromática - Dark Mode */

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

/* Prevent transition on theme attribute changes for specific animations */
.hero,
.navbar,
.value-bar,
.results-bar,
.glass-card,
.btn {
  transition: all 0.3s ease;
}

/* Dark mode specific enhancements */
[data-theme="dark"] {
  color-scheme: dark;
}

/* Headings in 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-primary);
}

/* Links in dark mode - Usando primary-luminous para alto contraste */
[data-theme="dark"] a:not(.btn) {
  color: var(--primary-luminous);
}

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

/* Cards in dark mode - Usando sistema actualizado */
[data-theme="dark"] .glass-card {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  border: 1px solid var(--glass-border);
}

[data-theme="dark"] .glass-card:hover {
  border-color: rgba(155, 127, 255, 0.3);
  box-shadow: 0 8px 24px rgba(155, 127, 255, 0.12);
}

/* Glass card light in dark mode - Subtle and clean */
[data-theme="dark"] .glass-card-light {
  background: rgba(29, 29, 29, 0.4);
  border-color: var(--border-color-light);
  border: 1px solid var(--border-color-light);
}

/* Sections background in dark mode */
[data-theme="dark"] section {
  background: var(--bg-primary);
}

[data-theme="dark"] .problem-section,
[data-theme="dark"] .solution-section {
  background: var(--bg-secondary) !important;
}

/* Forms in dark mode */
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--color-text-tertiary);
}

/* Badges in dark mode */
[data-theme="dark"] .badge {
  background: var(--primary-shadow);
  color: var(--primary-luminous);
}

[data-theme="dark"] .badge-popular {
  background: var(--gradient-primary);
  color: white;
}

/* Stats in dark mode */
[data-theme="dark"] .stat-number {
  color: var(--primary-luminous);
}

/* Improve readability in dark mode */
[data-theme="dark"] .text-gradient {
  background: linear-gradient(135deg, var(--primary-base) 0%, var(--primary-luminous) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Particles in dark mode - more visible */
[data-theme="dark"] .particle {
  background: rgba(155, 127, 255, 0.3);
}

/* Accordion in dark mode */
[data-theme="dark"] .accordion-item {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .accordion-header:hover {
  background: var(--primary-shadow);
}

/* Trust badges in dark mode */
[data-theme="dark"] .trust-badges {
  background: var(--bg-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .badge-trust {
  background: var(--primary-shadow);
  border-color: var(--border-color);
}

/* Pricing cards in dark mode */
[data-theme="dark"] .pricing-card {
  background: var(--bg-secondary);
}

[data-theme="dark"] .pricing-card.featured {
  background: var(--bg-tertiary);
  border-color: var(--primary-base);
}

/* Icon circles in dark mode */
[data-theme="dark"] .icon-circle {
  background: var(--primary-shadow);
  border-color: var(--border-color);
}

[data-theme="dark"] .icon-circle:hover {
  border-color: var(--primary-luminous);
  box-shadow: 0 8px 30px rgba(155, 127, 255, 0.4);
}

/* Hero eyebrow badge in dark mode */
[data-theme="dark"] .eyebrow-badge {
  background: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Scrollbar styling for dark mode */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--primary-shadow);
  border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--primary-base);
}

/* Selection color in dark mode */
[data-theme="dark"] ::selection {
  background: var(--primary-shadow);
  color: var(--primary-luminous);
}

[data-theme="dark"] ::-moz-selection {
  background: var(--primary-shadow);
  color: var(--primary-luminous);
}

/* FAQ and Moat section titles in dark mode - ensure proper contrast */
[data-theme="dark"] .faq-section h2,
[data-theme="dark"] .moat-section h2 {
  color: var(--color-text-primary);
}

[data-theme="dark"] .faq-section .text-muted,
[data-theme="dark"] .moat-section .text-muted {
  color: var(--color-text-secondary);
}

/* Light purple background sections in dark mode */
[data-theme="dark"] .faq-section,
[data-theme="dark"] .moat-section {
  background: var(--bg-secondary) !important;
}

/* NVIDIA Inception Logo Theme Switching */
/* Light mode - show black logo */
.nvidia-logo-light {
  display: inline-block !important;
}

.nvidia-logo-dark {
  display: none !important;
}

/* Dark mode - show white logo */
[data-theme="dark"] .nvidia-logo-light {
  display: none !important;
}

[data-theme="dark"] .nvidia-logo-dark {
  display: inline-block !important;
}

/* CTA Buttons in Dark Mode - Using brand system */
[data-theme="dark"] .btn-primary {
  background: var(--gradient-primary);
  box-shadow: var(--shadow-glow);
}

[data-theme="dark"] .btn-primary:hover {
  box-shadow: var(--shadow-glow-hover);
  background: linear-gradient(135deg, var(--primary-purple) 0%, var(--primary-luminous) 100%);
}

[data-theme="dark"] .btn-hero-primary {
  background: var(--gradient-primary);
}

[data-theme="dark"] .btn-hero-primary:hover {
  background: linear-gradient(135deg, var(--primary-purple) 0%, var(--primary-luminous) 100%);
}