forcing light mode

web/src/app/globals.css

@@ -1,5 +1,7 @@
 @import "tailwindcss";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 @layer base {
 :root {
   --background: #ffffff;
@@ -16,6 +18,7 @@
   --spacing-lg: 32px;
   --border-radius: 8px;
   --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.1);
+  color-scheme: light;
 }
 }
 
@@ -27,13 +30,6 @@
 }
 
 @layer base {
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 * {
   box-sizing: border-box;
   margin: 0;
@@ -43,6 +39,7 @@
 body {
   background: var(--background);
   color: var(--foreground);
+  color-scheme: light;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   line-height: 1.6;
   -webkit-font-smoothing: antialiased;