:root {
  --bg-body: var(--color-gray-900, #111827);
  --bg-primary: var(--color-gray-900, #111827);
  --bg-secondary: var(--color-gray-800, #1f2937);
  --bg-card: var(--color-gray-800, #1f2937);
  --text-primary: var(--color-gray-50, #f9fafb);
  --text-secondary: var(--color-gray-400, #9ca3af);
  --border-color: var(--color-gray-700, #374151);
  --input-bg: var(--color-gray-800, #1f2937);
}

[data-theme="light"] {
  --bg-body: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --bg-primary: var(--color-gray-50, #f9fafb);
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --text-primary: var(--color-gray-50, #f9fafb);
  --text-secondary: #cbd5e1;
  --border-color: var(--color-gray-200, #e5e7eb);
  --input-bg: #ffffff;
}

body {
  background: var(--bg-body);
  color: var(--text-primary);
}

[data-theme="light"] body {
  color: var(--color-gray-50, #f9fafb);
}

[data-theme="light"] .bg-gray-900 {
  background: transparent;
}

[data-theme="light"] .bg-gray-800,
[data-theme="light"] .bg-gray-800\/50 {
  background: rgba(255,255,255,0.95);
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  border-color: rgba(255,255,255,0.3);
  color: var(--color-gray-800, #1f2937);
}

[data-theme="light"] .bg-gray-800 h1,
[data-theme="light"] .bg-gray-800 h2,
[data-theme="light"] .bg-gray-800 h3,
[data-theme="light"] .bg-gray-800 label,
[data-theme="light"] .bg-gray-800\/50 h1,
[data-theme="light"] .bg-gray-800\/50 h2,
[data-theme="light"] .bg-gray-800\/50 h3,
[data-theme="light"] .bg-gray-800\/50 label,
[data-theme="light"] pre {
  color: var(--color-gray-800, #1f2937);
}

[data-theme="light"] .text-xs.text-gray-500 {
  color: var(--color-gray-500, #6b7280) !important;
}

[data-theme="light"] .text-sm.text-gray-500 {
  color: var(--color-gray-500, #6b7280) !important;
}

[data-theme="light"] section p,
[data-theme="light"] section li {
  color: var(--color-gray-700, #374151);
}

[data-theme="light"] .text-gray-400.text-xs a {
  color: #2563eb;
}

[data-theme="light"] .bg-gray-700 {
  background: var(--color-gray-200, #e5e7eb);
  color: var(--color-gray-800, #1f2937);
  border-color: var(--color-gray-300, #d1d5db);
}

[data-theme="light"] .hover\:bg-gray-600:hover {
  background: var(--color-gray-300, #d1d5db) !important;
}

[data-theme="light"] .hover\:bg-gray-700\/50:hover {
  background: var(--color-gray-100, #f3f4f6);
}

[data-theme="light"] .hover\:bg-green-600:hover {
  background: #059669 !important;
  color: #fff !important;
}

[data-theme="light"] .hover\:bg-red-600:hover {
  background: #dc2626 !important;
  color: #fff !important;
}

[data-theme="light"] .hover\:bg-blue-600:hover {
  background: #2563eb !important;
  color: #fff !important;
}

[data-theme="light"] .hover\:bg-purple-600:hover {
  background: #9333ea !important;
  color: #fff !important;
}

[data-theme="light"] .bg-blue-600 {
  background: #2563eb;
  color: #fff;
}

[data-theme="light"] .bg-blue-600 .text-white {
  color: #fff;
}

[data-theme="light"] .text-white {
  color: var(--color-gray-800, #1f2937);
}

[data-theme="light"] .text-gray-300 {
  color: var(--color-gray-700, #374151);
}

[data-theme="light"] .text-gray-400 {
  color: #cbd5e1;
}

[data-theme="light"] .bg-gray-800 .text-gray-400,
[data-theme="light"] .bg-gray-800\/50 .text-gray-400 {
  color: var(--color-gray-500, #6b7280);
}

[data-theme="light"] h1,
[data-theme="light"] .text-3xl,
[data-theme="light"] .text-2xl,
[data-theme="light"] .text-xl,
[data-theme="light"] .text-lg,
[data-theme="light"] .font-bold,
[data-theme="light"] .font-semibold {
  color: var(--color-gray-50, #f9fafb);
}

[data-theme="light"] h2 {
  color: var(--color-gray-50, #f9fafb);
}

[data-theme="light"] .bg-gray-800 h1,
[data-theme="light"] .bg-gray-800 h2,
[data-theme="light"] .bg-gray-800 h3,
[data-theme="light"] .bg-gray-800\/50 h1,
[data-theme="light"] .bg-gray-800\/50 h2,
[data-theme="light"] .bg-gray-800\/50 h3,
[data-theme="light"] .bg-gray-800 .text-sm.font-medium,
[data-theme="light"] .bg-gray-800\/50 .text-sm.font-medium {
  color: var(--color-gray-800, #1f2937);
}

[data-theme="light"] .text-gray-500 {
  color: var(--color-gray-400, #9ca3af);
}

[data-theme="light"] .text-blue-400 {
  color: #2563eb;
}

[data-theme="light"] .bg-blue-900\/50 {
  background: #dbeafe;
  color: #1e40af;
}

[data-theme="light"] .bg-green-900\/50 {
  background: #d1fae5;
  color: #065f46;
}

[data-theme="light"] .bg-red-900\/50 {
  background: #fee2e2;
  color: #991b1b;
}

[data-theme="light"] .bg-yellow-900\/20 {
  background: #fef3c7;
  border-color: #f59e0b;
}

[data-theme="light"] .text-green-400 {
  color: #059669;
}

[data-theme="light"] .text-red-400 {
  color: #dc2626;
}

[data-theme="light"] .text-yellow-300 {
  color: #d97706;
}

[data-theme="light"] .text-blue-300 {
  color: #1e40af;
}

[data-theme="light"] .text-green-300 {
  color: #065f46;
}

[data-theme="light"] .border-gray-700,
[data-theme="light"] .border-gray-700\/50 {
  border-color: var(--color-gray-200, #e5e7eb);
}

[data-theme="light"] .border-green-800 {
  border-color: #86efac;
}

[data-theme="light"] .border-red-800 {
  border-color: #fca5a5;
}

[data-theme="light"] .border-yellow-800\/50 {
  border-color: #fde68a;
}

[data-theme="light"] .placeholder-gray-500::placeholder {
  color: var(--color-gray-400, #9ca3af);
}

[data-theme="light"] .focus\:ring-blue-500:focus {
  --tw-ring-color: #3b82f6;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-gray-800, #1f2937);
}

::-webkit-scrollbar-thumb {
  background: var(--color-gray-600, #4b5563);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-500, #6b7280);
}

[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--color-gray-200, #e5e7eb);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--color-gray-400, #9ca3af);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-500, #6b7280);
}