/* Force Light Theme - Global Override */
/* This file forces all dark colors to light colors */

/* Override CSS variables first */
:root {
    --color-background: #ffffff !important;
    --color-foreground: #1f2937 !important;
}

/* Don't force all elements - only override dark ones */

/* Override any dark backgrounds */
body,
html {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #1f2937 !important;
}

/* Override all dark background colors */
[class*="bg-black"],
[class*="bg-gray-900"],
[class*="bg-slate-900"],
[class*="bg-zinc-900"],
[class*="bg-neutral-900"],
[style*="background: #000"],
[style*="background: #0a0a0a"],
[style*="background: #0f0f0f"],
[style*="background: #111"],
[style*="background: #141414"],
[style*="background: #151515"],
[style*="background: #161616"],
[style*="background: #181818"],
[style*="background: #191919"],
[style*="background: #1a1a1a"],
[style*="background: #1e1e1e"],
[style*="background: #1f1f1f"],
[style*="background: #222"],
[style*="background: #252525"],
[style*="background: #2a2a2a"],
[style*="background: #333"],
[style*="background-color: #000"],
[style*="background-color: #0a0a0a"],
[style*="background-color: #0f0f0f"],
[style*="background-color: #111"],
[style*="background-color: #141414"],
[style*="background-color: #151515"],
[style*="background-color: #161616"],
[style*="background-color: #181818"],
[style*="background-color: #191919"],
[style*="background-color: #1a1a1a"],
[style*="background-color: #1e1e1e"],
[style*="background-color: #1f1f1f"],
[style*="background-color: #222"],
[style*="background-color: #252525"],
[style*="background-color: #2a2a2a"],
[style*="background-color: #333"],
[style*="background-color: var(--color-background)"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Override dark background classes - use attribute selectors for escaped brackets */
[class*="bg-[#0a0a0a]"],
[class*="bg-[#0f0f0f]"],
[class*="bg-[#111]"],
[class*="bg-[#141414]"],
[class*="bg-[#151515]"],
[class*="bg-[#161616]"],
[class*="bg-[#181818]"],
[class*="bg-[#191919]"],
[class*="bg-[#1a1a1a]"],
[class*="bg-[#1e1e1e]"],
[class*="bg-[#1f1f1f]"],
[class*="bg-[#222]"],
[class*="bg-[#252525]"],
[class*="bg-[#2a2a2a]"],
[class*="bg-[#333]"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Force dark text for readability on body/html */
body,
html {
    color: #1f2937 !important;
}

/* Override white text */
[class*="text-white"],
[style*="color: #fff"],
[style*="color: white"],
[style*="color: #ffffff"] {
    color: #1f2937 !important;
}

/* Light borders */
* {
    border-color: #e5e7eb !important;
}

/* Cards and containers */
[class*="card"],
[class*="Card"],
[class*="container"],
[class*="Container"] {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

/* Tables */
table,
table th,
table td {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border-color: #e5e7eb !important;
}

table tr:hover {
    background-color: #f9fafb !important;
}

/* Inputs and selects */
input,
select,
textarea {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border-color: #d1d5db !important;
}

/* Buttons */
button,
.btn,
[class*="button"],
[class*="Button"] {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
}

button:hover,
.btn:hover,
[class*="button"]:hover {
    background-color: #2563eb !important;
}

/* Links */
a {
    color: #3b82f6 !important;
}

a:hover {
    color: #2563eb !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: #f1f5f9 !important;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* Override any inline styles with dark colors */
[style*="#000"],
[style*="#0f0f0f"],
[style*="rgb(0,0,0)"],
[style*="rgb(15,15,15)"],
[style*="var(--color-background)"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #1f2937 !important;
}

/* Override autofill styles */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #1f2937 !important;
    caret-color: #1f2937 !important;
    -webkit-box-shadow: inset 0 0 0 1000px #ffffff !important;
    box-shadow: inset 0 0 0 1000px #ffffff !important;
}

input:autofill {
    color: #1f2937 !important;
    background-color: #ffffff !important;
}