/* =========================
   Theme (Dark Mode)
   ========================= */

.dark body {
  background-color: #0f172a;
  color: #e2e8f0;
}

/* Typography */
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark p,
.dark li,
.dark label {
  color: #e2e8f0;
}

/* Generic backgrounds */
.dark .bg-white {
  background-color: #1e293b !important;
  color: #cbd5e1;
}

/* Inputs */
.dark input,
.dark textarea {
  background-color: transparent;
  border-color: #475569;
  color: #cbd5e1;
}

.dark input::placeholder,
.dark textarea::placeholder {
  color: #64748b;
}

/* HR */
.dark hr {
  border-color: #475569;
}

/* Links & buttons hover */
.dark a:hover,
.dark button:hover {
  background-color: #334155;
  color: #e2e8f0;
}

/* Anchor defaults */
.dark a:not([class*="text-"]) {
  color: #e2e8f0;
}

/* Utility overrides */
.dark .text-black {
  color: #e2e8f0 !important;
}

.dark .text-slate-600 {
  color: #94a3b8 !important;
}

/* Light backgrounds converted */
.dark .bg-gray-50,
.dark .bg-gray-100,
.dark .bg-gray-200,
.dark .bg-slate-100,
.dark .bg-white\/80,
.dark .bg-white\/90 {
  background-color: #1f2937 !important;
  color: #e2e8f0 !important;
}

/* Tables */
.dark table,
.dark table th,
.dark table td,
.dark .min-w-full.bg-white th,
.dark .min-w-full.bg-white td {
  color: #e6f0fb !important;
  border-color: rgba(255,255,255,0.04) !important;
}

.dark table thead,
.dark thead th {
  background-color: #0f3958 !important;
  color: #e6f0fb !important;
}

.dark tbody tr:hover {
  background-color: rgba(255,255,255,0.02) !important;
}

/* Preserve utility colors */
.dark .text-red-600 { color: #ef4444 !important; }
.dark .text-green-600 { color: #16a34a !important; }
.dark .text-yellow-500 { color: #eab308 !important; }
.dark .text-blue-500 { color: #3b82f6 !important; }