body {
  font-family: 'Inter', sans-serif;
}
.dark body {
  background-color: #1f2937; /* dark:from-gray-900 */
  color: #e5e7eb; /* dark:text-gray-300 */
}
.dark .bg-white {
  background-color: #111827; /* dark:bg-gray-900 */
}
.dark .bg-white\/80 {
  background-color: rgba(17, 24, 39, 0.8); /* dark:bg-gray-900/80 */
}
.dark .border-gray-200 {
  border-color: #374151; /* dark:border-gray-700 */
}
.dark .text-gray-900 {
  color: #ffffff; /* dark:text-white */
}
.dark .text-gray-600 {
  color: #d1d5db; /* dark:text-gray-300 */
}
.dark .text-gray-700 {
  color: #d1d5db; /* dark:text-gray-300 */
}
.dark .hover\:text-blue-600:hover {
  color: #60a5fa; /* dark:hover:text-blue-400 */
}
.dark .text-blue-600 {
  color: #60a5fa; /* dark:text-blue-400 */
}
.dark .bg-yellow-300 {
  background-color: #fde047; /* dark:bg-yellow-300 */
}
.dark .text-black {
  color: #000000; /* dark:text-black */
}
.dark .border-blue-600 {
  border-color: #2563eb; /* dark:border-blue-600 */
}
.dark .focus\:bg-yellow-200:focus {
  background-color: #fcd34d; /* dark:focus:bg-yellow-200 */
}
.dark .focus\:border-blue-700:focus {
  border-color: #1d4ed8; /* dark:focus:border-blue-700 */
}
.dark .text-gray-500 {
  color: #9ca3af; /* dark:text-gray-400 */
}
.dark .bg-gray-900 {
  background-color: #111827; /* dark:bg-gray-900 */
}
.dark .bg-gray-950 {
  background-color: #030712; /* dark:bg-gray-950 */
}
.dark .text-gray-400 {
  color: #9ca3af; /* dark:text-gray-400 */
}
.dark .bg-green-50 {
  background-color: rgba(22, 101, 52, 0.2); /* dark:bg-green-900/20 */
}
.dark .text-green-600 {
  color: #4ade80; /* dark:text-green-400 */
}
.dark .bg-blue-50 {
  background-color: rgba(37, 99, 235, 0.2); /* dark:bg-blue-900/20 */
}
.dark .text-blue-600 {
  color: #60a5fa; /* dark:text-blue-400 */
}
.dark .bg-orange-50 {
  background-color: rgba(234, 88, 12, 0.2); /* dark:bg-orange-900/20 */
}
.dark .text-orange-600 {
  color: #fb923c; /* dark:text-orange-400 */
}
.dark .bg-purple-50 {
  background-color: rgba(168, 85, 247, 0.2); /* dark:bg-purple-900/20 */
}
.dark .text-purple-600 {
  color: #c084fc; /* dark:text-purple-400 */
}
.dark .bg-indigo-50 {
  background-color: rgba(99, 102, 241, 0.2); /* dark:bg-indigo-900/20 */
}
.dark .text-indigo-600 {
  color: #818cf8; /* dark:text-indigo-400 */
}
.dark .bg-cyan-50 {
  background-color: rgba(6, 182, 212, 0.2); /* dark:bg-cyan-900/20 */
}
.dark .text-cyan-600 {
  color: #22d3ee; /* dark:text-cyan-400 */
}
.dark .bg-gray-50 {
  background-color: #1f2937; /* dark:bg-gray-800 */
}
.dark .border-yellow-200 {
  border-color: #92400e; /* dark:border-yellow-800 */
}
.dark .bg-yellow-50 {
  background-color: rgba(146, 64, 14, 0.2); /* dark:bg-yellow-900/20 */
}
.dark .text-yellow-800 {
  color: #fcd34d; /* dark:text-yellow-200 */
}
.dark .bg-blue-100 {
  background-color: rgba(37, 99, 235, 0.3); /* dark:bg-blue-900/30 */
}
.dark .bg-green-100 {
  background-color: rgba(22, 101, 52, 0.3); /* dark:bg-green-900/30 */
}
.dark .bg-purple-100 {
  background-color: rgba(168, 85, 247, 0.3); /* dark:bg-purple-900/30 */
}
.dark .bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, #1f2937, #111827); /* dark:from-gray-900 dark:to-gray-800 */
}
.dark .text-red-600 {
  color: #f87171; /* dark:text-red-400 */
}
.dark .text-yellow-600 {
  color: #fcd34d; /* dark:text-yellow-400 */
}
.dark .text-yellow-500 {
  color: #fcd34d; /* dark:text-yellow-400 */
}
.dark .text-purple-500 {
  color: #c084fc; /* dark:text-purple-400 */
}
.dark .text-muted-foreground {
  color: #9ca3af; /* Equivalent to text-gray-400 */
}
.dark .hover\:text-foreground:hover {
  color: #ffffff; /* Equivalent to hover:text-white */
}
.dark .bg-popover {
  background-color: #1f2937; /* dark:bg-gray-800 */
}
.dark .text-popover-foreground {
  color: #e5e7eb; /* dark:text-gray-200 */
}
.dark .border {
  border-color: #374151; /* dark:border-gray-700 */
}
.dark .bg-gray-700 {
  background-color: #374151; /* dark:bg-gray-700 */
} 

/* Custom kenteken input styling */
#kenteken-input {
  font-size: 3rem !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
}