/* Global Dark Mode Styles */

/* Dark mode background and text colors */
.dark {
  color-scheme: dark;
}

.dark body {
  @apply bg-slate-900 text-slate-100;
}

/* Override white backgrounds in dark mode */
.dark .bg-white {
  @apply bg-slate-800 !important;
}

/* Override slate backgrounds */
.dark .bg-slate-50 {
  @apply bg-slate-800/50 !important;
}

.dark .bg-slate-100 {
  @apply bg-slate-700 !important;
}

/* Override text colors */
.dark .text-slate-900 {
  @apply text-slate-100 !important;
}

.dark .text-slate-800 {
  @apply text-slate-200 !important;
}

.dark .text-slate-700 {
  @apply text-slate-300 !important;
}

.dark .text-slate-600 {
  @apply text-slate-400 !important;
}

.dark .text-slate-500 {
  @apply text-slate-400 !important;
}

/* Override borders */
.dark .border-slate-200 {
  @apply border-slate-700 !important;
}

.dark .border-slate-300 {
  @apply border-slate-600 !important;
}

/* Override hover states */
.dark .hover\:bg-slate-50:hover {
  @apply bg-slate-700 !important;
}

.dark .hover\:bg-slate-100:hover {
  @apply bg-slate-600 !important;
}

/* Override input backgrounds */
.dark input,
.dark textarea,
.dark select {
  @apply bg-slate-700 border-slate-600 text-slate-100 !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
  @apply text-slate-500 !important;
}

/* Override card shadows in dark mode */
.dark .shadow-sm,
.dark .shadow,
.dark .shadow-md,
.dark .shadow-lg,
.dark .shadow-xl,
.dark .shadow-2xl {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
}