/* Dark Theme Variables */
[data-theme="dark"],
.theme-dark {
  /* Background Colors */
  --bg-primary: #111827;
  --bg-secondary: #1f2937;
  --bg-tertiary: #374151;
  --bg-gradient: linear-gradient(135deg, #1e3a8a 0%, #3730a3 100%);

  /* Text Colors */
  --text-primary: #f9fafb;
  --text-secondary: #d1d5db;
  --text-muted: #9ca3af;
  --text-inverse: #111827;

  /* Brand Colors */
  --primary-blue: #3b82f6;
  --primary-blue-hover: #2563eb;
  --primary-green: #10b981;
  --primary-green-hover: #059669;
  --accent-purple: #8b5cf6;

  /* Border Colors */
  --border-color: #374151;
  --border-color-light: #4b5563;
  --border-color-dark: #6b7280;

  /* Shadow Colors */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4), 0 8px 10px -6px rgb(0 0 0 / 0.3);

  /* Card Colors */
  --card-bg: #1f2937;
  --card-border: #374151;
  --card-shadow: var(--shadow-md);

  /* Form Colors */
  --input-bg: #374151;
  --input-border: #4b5563;
  --input-border-focus: var(--primary-blue);
  --input-text: var(--text-primary);
  --input-placeholder: var(--text-muted);

  /* Button Colors */
  --btn-primary-bg: var(--primary-blue);
  --btn-primary-hover: var(--primary-blue-hover);
  --btn-primary-text: #ffffff;
  --btn-secondary-bg: var(--bg-tertiary);
  --btn-secondary-hover: #4b5563;
  --btn-secondary-text: var(--text-primary);

  /* Sidebar Colors */
  --sidebar-bg: linear-gradient(135deg, #1e3a8a 0%, #065f46 100%);
  --sidebar-text: rgba(255, 255, 255, 0.9);
  --sidebar-text-hover: #ffffff;
  --sidebar-bg-hover: rgba(255, 255, 255, 0.15);

  /* Status Colors */
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --error-color: #cc362e;
  --info-color: #3b82f6;

  /* Table Colors */
  --table-bg: #1f2937;
  --table-border: var(--border-color);
  --table-stripe: var(--bg-tertiary);
  --table-hover: #4b5563;

  /* Navigation Colors */
  --nav-bg: #1f2937;
  --nav-border: var(--border-color);
  --nav-text: var(--text-primary);
  --nav-text-hover: var(--primary-blue);
  --nav-bg-hover: var(--bg-tertiary);
}