/* Dark theme overrides */
[data-theme="dark"] {
  --color-bg: #0c1222;
  --color-bg-section: #111c32;
  --color-surface: #162033;
  --color-surface-accent: #1e2d48;
  --color-text: #c8d4e6;
  --color-text-light: #8899b4;
  --color-heading: #eef2f8;
  --color-border: #1e2d48;
  --color-primary: #3b82f6;
  --color-primary-dark: #2563eb;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
}

/* Alternate section backgrounds in dark mode */
[data-theme="dark"] .section--alt {
  background-color: var(--color-bg-section);
}

/* Service section even children */
[data-theme="dark"] .service-section:nth-child(even) {
  background-color: var(--color-bg-section);
}

/* Problem/Solution cards */
[data-theme="dark"] .problem-solution__card--problem {
  background-color: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.2);
}

[data-theme="dark"] .problem-solution__card--solution {
  background-color: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.2);
}

/* Badge colors */
[data-theme="dark"] .badge {
  background-color: rgba(59, 130, 246, 0.12);
}

[data-theme="dark"] .badge--amber {
  background-color: rgba(245, 158, 11, 0.15);
}

/* Tech tags */
[data-theme="dark"] .tech-tag {
  background-color: var(--color-surface-accent);
  color: var(--slate-300);
  border-color: transparent;
}

[data-theme="dark"] .tech-tag:hover {
  border-color: var(--color-primary);
  background-color: rgba(59, 130, 246, 0.1);
}

/* Dropdown item small text */
[data-theme="dark"] .navbar__dropdown-item {
  color: var(--slate-300);
}

[data-theme="dark"] .navbar__dropdown-item small {
  color: var(--slate-500);
}

/* Contact info value links */
[data-theme="dark"] .contact-info-item__value a {
  color: var(--color-text);
}

[data-theme="dark"] .contact-info-item__value a:hover {
  color: var(--color-primary);
}

/* Button outline dark adjustments */
[data-theme="dark"] .btn--outline-dark {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

[data-theme="dark"] .btn--outline-dark:hover {
  background-color: var(--color-primary);
  color: var(--white);
}

/* Form focus ring */
[data-theme="dark"] .form-control:focus {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* Card hover in dark mode */
[data-theme="dark"] .card:hover {
  border-color: rgba(245, 158, 11, 0.15);
}

/* Services card icon gradient */
[data-theme="dark"] .services-teaser .card__icon,
[data-theme="dark"] .values-grid .card__icon {
  background: linear-gradient(135deg, var(--color-surface-accent), rgba(59, 130, 246, 0.12));
}

/* Contact icon gradient */
[data-theme="dark"] .contact-info-item__icon {
  background: linear-gradient(135deg, var(--color-surface-accent), rgba(59, 130, 246, 0.12));
}

/* Metrics dividers */
[data-theme="dark"] .metrics__item::after {
  background: rgba(255, 255, 255, 0.05);
}

/* Accordion hover */
[data-theme="dark"] .accordion__trigger:hover {
  background-color: var(--color-surface-accent);
}