.dark {
    --bg-color: theme('colors.gray.800');
    --text-color: theme('colors.gray.200');
    --border-color: theme('colors.gray.600');
}

.dark body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

.dark table {
    background-color: var(--bg-color);
    border-color: var(--border-color);
}

.dark th, .dark td {
    border-color: var(--border-color);
}

.dark th {
    background-color: var(--border-color);
}

.dark .hover\:bg-gray-100:hover {
    background-color: theme('colors.gray.600');
}
