/* Placeholder index.css to avoid 404 when referenced from index.html.
   Add any custom CSS here or wire Tailwind into the build for production.
*/

/* keep body defaults small to avoid flashing unstyled content */
html,
body,
#root {
  height: 100%;
  margin: 0;
}

/* Theme overrides for light mode when document has data-theme="light" */
[data-theme="light"] body {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="light"] .bg-surface,
[data-theme="light"] .bg-surface\/50 {
  background-color: #f8fafc !important;
}

[data-theme="light"] .bg-slate-800,
[data-theme="light"] .bg-slate-700,
[data-theme="light"] .bg-slate-900 {
  background-color: #f3f4f6 !important;
}

[data-theme="light"] .text-slate-200,
[data-theme="light"] .text-slate-300,
[data-theme="light"] .text-slate-400,
[data-theme="light"] .text-slate-500,
[data-theme="light"] .text-slate-600 {
  color: #0f172a !important;
}

[data-theme="light"] .border-slate-700,
[data-theme="light"] .border-slate-800 {
  border-color: #e6e6e6 !important;
}

[data-theme="light"] .bg-primary {
  background-color: #3b82f6 !important;
  color: #ffffff !important;
}

[data-theme="light"] button,
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
  background-color: transparent !important;
  color: inherit !important;
  border-color: #e6e6e6 !important;
}

[data-theme="light"] .fixed,
[data-theme="light"] header,
[data-theme="light"] .sticky {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="light"] .rounded-xl {
  background-clip: padding-box !important;
}

/* Misc adjustments to reduce dark remnants */
[data-theme="light"] .shadow-lg {
  box-shadow: none !important;
}