/*
 * Dark Theme Overrides for Tool Pages
 * Remaps light-themed Tailwind classes to dark equivalents
 * Used across all 52+ tool templates from DAYZ_TOOLS_MERGE
 *
 * Color palette:
 *   Body: #0f172a
 *   Cards: #1e293b
 *   Accent: #9333ea (purple)
 *   Text primary: #e0e0e0
 *   Text secondary: #94a3b8
 */

/* ===========================
   Container & Surface Backgrounds
   =========================== */
.bg-white { background: #1e293b !important; }
.bg-gray-50 { background: #162032 !important; }
.bg-gray-100 { background: #1a2536 !important; }
.bg-gray-200 { background: #1e293b !important; }
.bg-slate-50 { background: #162032 !important; }
.bg-slate-100 { background: #1a2536 !important; }
.bg-slate-700 { background: #253348 !important; }
.bg-slate-800 { background: #162032 !important; }

/* ===========================
   Status Box Backgrounds (tinted)
   =========================== */

/* Blue (info) */
.bg-blue-50 { background: rgba(59, 130, 246, 0.1) !important; }
.bg-blue-100 { background: rgba(59, 130, 246, 0.15) !important; }
.bg-blue-200 { background: rgba(59, 130, 246, 0.2) !important; }

/* Green (success) */
.bg-green-50 { background: rgba(34, 197, 94, 0.1) !important; }
.bg-green-100 { background: rgba(34, 197, 94, 0.15) !important; }

/* Yellow/Amber (warning) */
.bg-yellow-50 { background: rgba(234, 179, 8, 0.1) !important; }
.bg-yellow-100 { background: rgba(234, 179, 8, 0.15) !important; }
.bg-amber-50 { background: rgba(245, 158, 11, 0.1) !important; }
.bg-amber-100 { background: rgba(245, 158, 11, 0.15) !important; }

/* Red (error/danger) */
.bg-red-50 { background: rgba(239, 68, 68, 0.1) !important; }
.bg-red-100 { background: rgba(239, 68, 68, 0.15) !important; }

/* Orange */
.bg-orange-50 { background: rgba(249, 115, 22, 0.1) !important; }
.bg-orange-100 { background: rgba(249, 115, 22, 0.15) !important; }

/* Purple / Indigo */
.bg-purple-50 { background: rgba(147, 51, 234, 0.1) !important; }
.bg-purple-100 { background: rgba(147, 51, 234, 0.15) !important; }
.bg-indigo-50 { background: rgba(99, 102, 241, 0.1) !important; }
.bg-indigo-100 { background: rgba(99, 102, 241, 0.15) !important; }

/* ===========================
   Text Colors (gray scale)
   =========================== */
.text-gray-200 { color: #e0e0e0 !important; }
.text-gray-300 { color: #cbd5e1 !important; }
.text-gray-400 { color: #94a3b8 !important; }
.text-gray-500 { color: #64748b !important; }
.text-gray-600 { color: #94a3b8 !important; }
.text-gray-700 { color: #94a3b8 !important; }
.text-gray-800 { color: #cbd5e1 !important; }
.text-gray-900 { color: #e0e0e0 !important; }
.text-slate-600 { color: #94a3b8 !important; }
.text-slate-700 { color: #94a3b8 !important; }
.text-slate-800 { color: #cbd5e1 !important; }
.text-slate-900 { color: #e0e0e0 !important; }

/* ===========================
   Text Colors (status/colored)
   =========================== */
.text-blue-600 { color: #60a5fa !important; }
.text-blue-700 { color: #93c5fd !important; }
.text-blue-800 { color: #93c5fd !important; }
.text-green-600 { color: #4ade80 !important; }
.text-green-700 { color: #86efac !important; }
.text-green-800 { color: #86efac !important; }
.text-yellow-600 { color: #facc15 !important; }
.text-yellow-700 { color: #fde047 !important; }
.text-yellow-800 { color: #fde047 !important; }
.text-red-600 { color: #f87171 !important; }
.text-red-700 { color: #fca5a5 !important; }
.text-red-800 { color: #fca5a5 !important; }
.text-amber-600 { color: #fbbf24 !important; }
.text-amber-700 { color: #fcd34d !important; }
.text-amber-800 { color: #fcd34d !important; }
.text-orange-600 { color: #fb923c !important; }
.text-orange-700 { color: #fdba74 !important; }
.text-purple-600 { color: #c084fc !important; }
.text-purple-700 { color: #d8b4fe !important; }
.text-indigo-600 { color: #a5b4fc !important; }
.text-indigo-700 { color: #c7d2fe !important; }

/* ===========================
   Border Colors
   =========================== */
.border-gray-200 { border-color: rgba(148, 163, 184, 0.2) !important; }
.border-gray-300 { border-color: rgba(148, 163, 184, 0.25) !important; }
.border-slate-600 { border-color: rgba(147, 51, 234, 0.3) !important; }
.border-blue-200 { border-color: rgba(59, 130, 246, 0.3) !important; }
.border-blue-300 { border-color: rgba(59, 130, 246, 0.4) !important; }
.border-green-200 { border-color: rgba(34, 197, 94, 0.3) !important; }
.border-green-300 { border-color: rgba(34, 197, 94, 0.4) !important; }
.border-yellow-200 { border-color: rgba(234, 179, 8, 0.3) !important; }
.border-yellow-300 { border-color: rgba(234, 179, 8, 0.4) !important; }
.border-yellow-400 { border-color: rgba(234, 179, 8, 0.5) !important; }
.border-red-200 { border-color: rgba(239, 68, 68, 0.3) !important; }
.border-red-300 { border-color: rgba(239, 68, 68, 0.4) !important; }
.border-purple-200 { border-color: rgba(147, 51, 234, 0.3) !important; }
.border-amber-200 { border-color: rgba(245, 158, 11, 0.3) !important; }
.border-orange-200 { border-color: rgba(249, 115, 22, 0.3) !important; }
.border-indigo-200 { border-color: rgba(99, 102, 241, 0.3) !important; }

/* ===========================
   Gradient Stops
   =========================== */
.from-blue-50 { --tw-gradient-from: rgba(59, 130, 246, 0.1) !important; }
.from-green-50 { --tw-gradient-from: rgba(34, 197, 94, 0.1) !important; }
.from-yellow-50 { --tw-gradient-from: rgba(234, 179, 8, 0.1) !important; }
.from-red-50 { --tw-gradient-from: rgba(239, 68, 68, 0.1) !important; }
.to-indigo-50 { --tw-gradient-to: rgba(99, 102, 241, 0.1) !important; }
.to-blue-50 { --tw-gradient-to: rgba(59, 130, 246, 0.1) !important; }
.to-green-50 { --tw-gradient-to: rgba(34, 197, 94, 0.1) !important; }

/* ===========================
   Hover States
   =========================== */
.hover\:bg-white:hover { background: #253348 !important; }
.hover\:bg-gray-50:hover { background: rgba(148, 163, 184, 0.1) !important; }
.hover\:bg-gray-100:hover { background: #1e293b !important; }
.hover\:bg-blue-50:hover { background: rgba(59, 130, 246, 0.15) !important; }
.hover\:bg-blue-100:hover { background: rgba(59, 130, 246, 0.2) !important; }
.hover\:bg-blue-200:hover { background: rgba(59, 130, 246, 0.25) !important; }
.hover\:bg-green-50:hover { background: rgba(34, 197, 94, 0.15) !important; }
.hover\:bg-green-100:hover { background: rgba(34, 197, 94, 0.2) !important; }
.hover\:bg-green-200:hover { background: rgba(34, 197, 94, 0.25) !important; }
.hover\:bg-yellow-50:hover { background: rgba(234, 179, 8, 0.15) !important; }
.hover\:bg-red-50:hover { background: rgba(239, 68, 68, 0.15) !important; }
.hover\:bg-red-100:hover { background: rgba(239, 68, 68, 0.2) !important; }
.hover\:bg-red-200:hover { background: rgba(239, 68, 68, 0.25) !important; }

/* ===========================
   Shadows (darker for dark theme)
   =========================== */
.shadow-sm { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important; }
.shadow-md { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important; }
.shadow-lg { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important; }
.shadow-xl { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important; }

/* ===========================
   Dividers
   =========================== */
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(148, 163, 184, 0.2) !important;
}
.divide-gray-300 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(148, 163, 184, 0.25) !important;
}

/* ===========================
   Ring Colors
   =========================== */
.ring-blue-200 { --tw-ring-color: rgba(59, 130, 246, 0.3) !important; }
.ring-green-200 { --tw-ring-color: rgba(34, 197, 94, 0.3) !important; }
.ring-yellow-200 { --tw-ring-color: rgba(234, 179, 8, 0.3) !important; }
.ring-red-200 { --tw-ring-color: rgba(239, 68, 68, 0.3) !important; }
.focus\:ring-blue-200:focus { --tw-ring-color: rgba(59, 130, 246, 0.3) !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: rgba(59, 130, 246, 0.5) !important; }

/* ===========================
   Placeholder Text
   =========================== */
.placeholder-gray-400::placeholder { color: #64748b !important; }
.placeholder-gray-500::placeholder { color: #475569 !important; }

/* ===========================
   DayZ Accent Classes (mission-validator-zip)
   =========================== */
.bg-dayz-accent { background: #7c3aed !important; }
.hover\:bg-dayz-hover:hover { background: #6d28d9 !important; }
.text-dayz-accent { color: #9333ea !important; }
.hover\:text-dayz-hover:hover { color: #7c3aed !important; }
.border-dayz-accent { border-color: #9333ea !important; }
.hover\:border-dayz-accent:hover { border-color: #9333ea !important; }
.ring-dayz-accent { --tw-ring-color: rgba(147, 51, 234, 0.5) !important; }
.focus-within\:ring-dayz-accent:focus-within { --tw-ring-color: rgba(147, 51, 234, 0.5) !important; }