/* ============================================
   DARK MODE THEME - Smart Money Club
   ============================================ */

:root[data-theme="dark"] {
  /* Primary Colors - Pure Black Theme */
  --bg-primary: #000000;
  --bg-secondary: #0a0a0a;
  --bg-tertiary: #1a1a1a;

  /* Text Colors */
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-tertiary: #94a3b8;
  --text-muted: #64748b;

  /* Border Colors */
  --border-primary: #2a2a2a;
  --border-secondary: #3a3a3a;

  /* Accent Colors */
  --accent-gold: #fbbf24;
  --accent-blue: #60a5fa;
  --accent-green: #34d399;
  --accent-red: #f87171;

  /* Card & Surface */
  --card-bg: #0f0f0f;
  --card-border: #2a2a2a;
  --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
  --card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4);

  /* Navigation */
  --nav-bg: rgba(0, 0, 0, 0.95);
  --nav-border: #2a2a2a;
  --nav-text: #cbd5e1;
  --nav-text-hover: #f1f5f9;

  /* Buttons */
  --btn-primary-bg: #3b82f6;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #2563eb;
  --btn-secondary-bg: #1a1a1a;
  --btn-secondary-text: #f1f5f9;
  --btn-secondary-hover: #2a2a2a;

  /* Status Colors */
  --status-success-bg: #064e3b;
  --status-success-text: #6ee7b7;
  --status-error-bg: #7f1d1d;
  --status-error-text: #fca5a5;
  --status-warning-bg: #78350f;
  --status-warning-text: #fcd34d;
  --status-info-bg: #1e3a8a;
  --status-info-text: #93c5fd;

  /* Input Fields */
  --input-bg: #0f0f0f;
  --input-border: #3a3a3a;
  --input-border-focus: #60a5fa;
  --input-text: #f1f5f9;
  --input-placeholder: #64748b;

  /* Table */
  --table-header-bg: #0a0a0a;
  --table-row-hover: #1a1a1a;
  --table-border: #2a2a2a;

  /* Chart Colors */
  --chart-line: #60a5fa;
  --chart-grid: #2a2a2a;

  /* Premium Badge */
  --premium-bg: #78350f;
  --premium-border: #fbbf24;
  --premium-text: #fcd34d;
}

/* Global Dark Mode Styles */
body[data-theme="dark"] {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Cards */
.card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
}

.card:hover {
  box-shadow: var(--card-hover-shadow);
}

/* Navigation */
.navbar {
  background-color: var(--nav-bg);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--nav-border);
}

.nav-link {
  color: var(--nav-text);
}

.nav-link:hover {
  color: var(--nav-text-hover);
}

/* Buttons */
.btn-primary {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: none;
}

.btn-primary:hover {
  background-color: var(--btn-primary-hover);
}

.btn-secondary {
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  border: 1px solid var(--border-primary);
}

.btn-secondary:hover {
  background-color: var(--btn-secondary-hover);
}

/* Input Fields */
input, select, textarea {
  background-color: var(--input-bg);
  border: 1px solid var(--input-border);
  color: var(--input-text);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--input-border-focus);
  outline: none;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
}

input::placeholder, textarea::placeholder {
  color: var(--input-placeholder);
}

/* Tables */
table thead {
  background-color: var(--table-header-bg);
}

table tr:hover {
  background-color: var(--table-row-hover);
}

table {
  border-color: var(--table-border);
}

/* Status Badges */
.status-success {
  background-color: var(--status-success-bg);
  color: var(--status-success-text);
}

.status-error {
  background-color: var(--status-error-bg);
  color: var(--status-error-text);
}

.status-warning {
  background-color: var(--status-warning-bg);
  color: var(--status-warning-text);
}

.status-info {
  background-color: var(--status-info-bg);
  color: var(--status-info-text);
}

/* Premium Elements */
.premium-badge {
  background-color: var(--premium-bg);
  border: 1px solid var(--premium-border);
  color: var(--premium-text);
}

/* Scrollbar Dark Mode */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--border-secondary);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary);
}

/* Dark Mode Specific Adjustments */
body[data-theme="dark"] .bg-slate-50 {
  background-color: var(--bg-secondary) !important;
}

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

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

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

body[data-theme="dark"] .border-slate-200 {
  border-color: var(--border-primary) !important;
}