/* ============================================
   FLOWGINEERING — Dark Mode
   ============================================ */

[data-theme="dark"] {
  --bg-body: #080E1A;
  --bg-surface: #0F1729;
  --bg-surface-raised: #162038;
  --bg-surface-overlay: rgba(15, 23, 41, 0.9);

  --text-primary: #E8ECF4;
  --text-secondary: #94A3B8;
  --text-tertiary: #64748B;
  --text-heading: #F1F5F9;
  --text-link: var(--color-primary-light);

  --border-color: rgba(255, 255, 255, 0.08);
  --border-color-light: rgba(255, 255, 255, 0.04);

  --gradient-card: linear-gradient(145deg, rgba(15, 23, 41, 0.95) 0%, rgba(22, 32, 56, 0.9) 100%);

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.35), 0 4px 6px -4px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.35), 0 8px 10px -6px rgba(0, 0, 0, 0.2);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.5);

  color-scheme: dark;
}

/* ── Adjustments ── */
[data-theme="dark"] .card {
  background: var(--bg-surface);
  border-color: var(--border-color);
}

[data-theme="dark"] .card:hover {
  border-color: rgba(0, 180, 216, 0.2);
  box-shadow: var(--shadow-glow);
}

[data-theme="dark"] .card__icon {
  background: rgba(0, 180, 216, 0.1);
}

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

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .form-select {
  background: var(--bg-surface-raised);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-textarea:focus,
[data-theme="dark"] .form-select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.15);
}

[data-theme="dark"] .chip {
  background: rgba(255, 255, 255, 0.06);
  color: var(--text-secondary);
}

[data-theme="dark"] .chip:hover {
  background: rgba(0, 180, 216, 0.1);
  color: var(--color-primary-light);
}

[data-theme="dark"] .lang-toggle {
  background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .lang-toggle__btn--active {
  background: var(--bg-surface-raised);
  color: var(--color-primary-light);
}

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

[data-theme="dark"] .header--scrolled {
  background: var(--bg-surface-overlay);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] ::selection {
  background: rgba(0, 180, 216, 0.3);
  color: var(--color-white);
}

/* ── Footer stays dark in both modes ── */
[data-theme="dark"] .footer {
  background: #050A14;
  border-top: 1px solid var(--border-color);
}

/* ── Flow background adjustments ── */
[data-theme="dark"] .flow-bg__line {
  background: linear-gradient(90deg, transparent, rgba(0, 180, 216, 0.2), transparent);
}

[data-theme="dark"] .flow-bg__dot {
  opacity: 0.2;
}

[data-theme="dark"] .flow-bg__orb--primary {
  background: rgba(0, 180, 216, 0.05);
}

[data-theme="dark"] .flow-bg__orb--accent {
  background: rgba(123, 97, 255, 0.04);
}

/* ── Toast in dark ── */
[data-theme="dark"] .toast {
  background: var(--bg-surface-raised);
  box-shadow: var(--shadow-2xl);
}

/* Image adjustments */
[data-theme="dark"] img:not([src*=".svg"]) {
  filter: brightness(0.9);
}