fixed dark/light mode

resources/css/app.css

@@ -1,16 +1,6 @@
 @import "tailwindcss";
 
-/* Dark mode configuration */
-@media (prefers-color-scheme: dark) {
-  :root {
-    color-scheme: dark;
-  }
-}
-
-/* Custom Styles */
 @theme {
-  /* Enable class-based dark mode */
-  --color-scheme: class;
   --color-primary-50: #f0f9ff;
   --color-primary-100: #e0f2fe;
   --color-primary-200: #bae6fd;
@@ -36,6 +26,8 @@
   --color-accent-950: #4a044e;
 }
 
+@variant dark (&:where(.dark, .dark *));
+
 /* Utility Classes */
 .line-clamp-1 {
   display: -webkit-box;
@@ -50,7 +42,3 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-
-.btn-primary {
-  @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500;
-}