/* Custom Styling for LibreChat */
/* Makes light mode and dark mode login forms consistent */

/* Light mode - clean white background */
html:not(.dark) {
  background-color: #ffffff !important;
  background-image: none !important;
}

html:not(.dark) body {
  background-color: #ffffff !important;
  background-image: none !important;
}

html:not(.dark) #root {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Light mode main container - white background */
html:not(.dark) .relative.flex.min-h-screen.flex-col {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Light mode login form - no border, clean white like dark mode */
html:not(.dark) .w-authPageWidth.overflow-hidden.bg-white.px-6.py-4.dark\:bg-gray-900.sm\:max-w-md.sm\:rounded-lg {
  background: #ffffff !important;
  background-image: none !important;
  backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Keep bg-white elements white in light mode */
html:not(.dark) .bg-white {
  background-color: #ffffff !important;
}

/* DARK MODE - Use LibreChat's default dark mode (no overrides) */
/* Removing all dark mode customizations to use the default neutral dark colors */