/* Light Mode Overrides — separate from Tailwind to avoid purging */

.light {
  color-scheme: light;
}

/* Body & root backgrounds */
.light body,
.light {
  background: #f8fafc !important;
  color: #0f172a !important;
}

/* All dark backgrounds → light */
.light [class*="bg-[#09090b]"],
.light [class*="bg-[#111114]"],
.light [class*="bg-[#0c0c0e]"],
.light [class*="bg-[#0a0a0c]"],
.light [class*="bg-[#111113]"],
.light [class*="bg-[#131316]"],
.light [class*="bg-[#0e0e10]"],
.light [class*="bg-[#1a1a1e]"] {
  background-color: #ffffff !important;
}

/* Sidebar */
.light aside {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
}

/* Cards & surfaces — give them subtle shadow on light */
.light div[class*="rounded-2xl"][class*="shadow"] {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) !important;
}

/* Tables */
.light table { color: #334155; }
.light th { color: #64748b !important; border-color: #e2e8f0 !important; }
.light td { color: #334155 !important; border-color: #f1f5f9 !important; }
.light thead { background: #f8fafc !important; }
.light thead[class*="sticky"] { background: #f8fafc !important; }
.light tr:hover { background: rgba(0,0,0,0.02) !important; }

/* Text colors */
.light [class*="text-white"] { color: #0f172a !important; }
.light [class*="text-zinc-100"] { color: #1e293b !important; }
.light [class*="text-zinc-200"] { color: #334155 !important; }
.light [class*="text-zinc-300"] { color: #475569 !important; }
.light [class*="text-zinc-400"] { color: #64748b !important; }
.light [class*="text-zinc-500"] { color: #94a3b8 !important; }
.light [class*="text-zinc-600"] { color: #cbd5e1 !important; }

/* Border colors */
.light [class*="border-white"] { border-color: #e2e8f0 !important; }

/* Inputs */
.light input[type="text"],
.light input[type="password"],
.light input[type="email"],
.light input[type="number"],
.light select,
.light textarea {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
.light input::placeholder,
.light textarea::placeholder { color: #94a3b8 !important; }

/* Buttons — secondary/ghost */
.light button[class*="bg-white"] {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #475569 !important;
}
.light button[class*="bg-white"]:hover {
  background: #e2e8f0 !important;
}

/* Keep colored buttons as-is (blue, green, red, etc.) */
/* Just soften their shadows */
.light [class*="shadow-blue"] { --tw-shadow-color: rgba(59,130,246,0.12) !important; }
.light [class*="shadow-green"] { --tw-shadow-color: rgba(34,197,94,0.12) !important; }
.light [class*="shadow-red"] { --tw-shadow-color: rgba(239,68,68,0.12) !important; }
.light [class*="shadow-purple"] { --tw-shadow-color: rgba(168,85,247,0.12) !important; }
.light [class*="shadow-yellow"] { --tw-shadow-color: rgba(234,179,8,0.12) !important; }
.light [class*="shadow-black"] { --tw-shadow-color: rgba(0,0,0,0.04) !important; }

/* Code/mono areas */
.light pre, .light code, .light [class*="font-mono"] {
  color: #334155 !important;
}

/* Scrollbar */
.light ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.12); }
.light ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.20); }

/* Selection */
.light ::selection { background: rgba(59, 130, 246, 0.2); color: #0f172a; }

/* Select dropdown options */
.light select option { background: #ffffff; color: #0f172a; }

/* Status badges — keep their colored backgrounds */
.light [class*="bg-green-500"] { background-color: rgba(34,197,94,0.12) !important; }
.light [class*="bg-red-500"] { background-color: rgba(239,68,68,0.12) !important; }
.light [class*="bg-yellow-500"] { background-color: rgba(234,179,8,0.12) !important; }
.light [class*="bg-blue-500/15"] { background-color: rgba(59,130,246,0.10) !important; }
.light [class*="bg-purple-500"] { background-color: rgba(168,85,247,0.10) !important; }
.light [class*="bg-zinc-500/15"] { background-color: rgba(0,0,0,0.06) !important; }

/* Nav active state */
.light nav a[class*="bg-white"] {
  background: rgba(59,130,246,0.08) !important;
  color: #2563eb !important;
}

/* Ambient glows on login page — hide on light */
.light [class*="blur-[120px]"],
.light [class*="blur-[80px]"] { opacity: 0.15; }

/* Progress bar background */
.light [class*="bg-white/[0.08]"] { background: #e2e8f0 !important; }