Improve styling for create event button in dark mode

Apply !important to background-color and color for polly-button-primary and polly-button-secondary classes in index.css to ensure consistent styling across light and dark modes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1117a91e-7ac6-4005-bde2-487c64d5789f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 440e99f2-834c-4f55-bc53-5b1dea2f7e4e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/afc5b6d1-cfc6-4564-802f-661c3d73f96b/1117a91e-7ac6-4005-bde2-487c64d5789f/76IdNCC

Author: manfredsteger

client/src/index.css

@@ -138,20 +138,24 @@
 }
 
 @layer components {
+  button.polly-button-primary,
   .polly-button-primary {
-    background-color: var(--polly-orange);
-    color: var(--primary-foreground);
+    background-color: var(--polly-orange) !important;
+    color: white !important;
     @apply focus:ring-2 focus:ring-offset-2;
   }
+  button.polly-button-primary:hover,
   .polly-button-primary:hover {
     filter: brightness(0.9);
   }
 
+  button.polly-button-secondary,
   .polly-button-secondary {
-    background-color: var(--polly-blue);
-    color: var(--primary-foreground);
+    background-color: var(--polly-blue) !important;
+    color: white !important;
     @apply focus:ring-2 focus:ring-offset-2;
   }
+  button.polly-button-secondary:hover,
   .polly-button-secondary:hover {
     filter: brightness(0.9);
   }