/* Dark Theme CSS for Bot GUI V6 Epic */

[data-theme="dark"] {
  --epic-bg-dark: #0b0e11;
  --epic-card: #1e2026;
  --epic-accent: #f0b90b;
  --epic-text: #ffffff;
  --epic-text-muted: #848e9c;
  --epic-border: #2b3139;
  --epic-green: #00c076;
  --epic-red: #ff424d;
}

[data-theme="dark"] body {
  background-color: var(--epic-bg-dark);
  color: var(--epic-text);
}

[data-theme="dark"] .navbar {
  background-color: var(--epic-card) !important;
  border-bottom: 1px solid var(--epic-border);
}

[data-theme="dark"] .navbar-brand,
[data-theme="dark"] .navbar-nav .nav-link {
  color: var(--epic-text) !important;
}

[data-theme="dark"] .navbar-nav .nav-link:hover {
  color: var(--epic-accent) !important;
}

/* Dark theme specific overrides */
[data-theme="dark"] .epic-slider::-webkit-slider-track {
  background: var(--epic-border);
}

[data-theme="dark"] .epic-slider::-moz-range-track {
  background: var(--epic-border);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--epic-text-muted);
}

[data-theme="dark"] .btn-primary {
  background-color: var(--epic-accent);
  border-color: var(--epic-accent);
  color: var(--epic-bg-dark);
}

[data-theme="dark"] .btn-primary:hover {
  background-color: #d9a441;
  border-color: #d9a441;
}

[data-theme="dark"] .alert-info {
  background-color: rgba(240, 185, 11, 0.1);
  border-color: var(--epic-accent);
  color: var(--epic-text);
}