@import "tailwindcss";
@custom-variant dark (&:where(.dark, .dark *));

/* Override dark mode classes to use .dark selector instead of prefers-color-scheme */
.dark .dark\:bg-gray-900 {
  background-color: var(--color-gray-900);
}
.dark .dark\:bg-gray-800 {
  background-color: var(--color-gray-800);
}
.dark .dark\:text-gray-100 {
  color: var(--color-gray-100);
}
.dark .dark\:text-gray-200 {
  color: var(--color-gray-200);
}
.dark .dark\:text-gray-300 {
  color: var(--color-gray-300);
}
.dark .dark\:border-gray-600 {
  border-color: var(--color-gray-600);
}
.dark .dark\:border-gray-700 {
  border-color: var(--color-gray-700);
}
.dark .dark\:hover\:bg-gray-700:hover {
  background-color: var(--color-gray-700);
}