@import 'tailwindcss';

/* Dark mode configuration */
@custom-variant dark (&:where(.dark, .dark *));

/* Base styles */
:root {
  color-scheme: light;
}

.dark {
  color-scheme: dark;
}

/* Dark mode body */
body {
  @apply bg-slate-50 text-gray-900;
}

.dark body,
body:where(.dark *) {
  @apply bg-gray-900 text-gray-100;
}