Fix button text visibility in onboarding modal with proper contrast

Co-authored-by: 0xrinegade <[email protected]>

Author: Copilot

src/styles/components.css

@@ -469,7 +469,7 @@
 
 .btn-primary {
   background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
-  color: white;
+  color: white !important;
   border: 1px solid var(--color-primary);
   padding: var(--spacing-3) var(--spacing-8);
   font-size: var(--font-size-base);
@@ -485,6 +485,7 @@
 .btn-primary:hover {
   background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
   border-color: var(--color-primary-dark);
+  color: white !important;
   transform: translateY(-1px);
   box-shadow: var(--shadow-md);
 }
@@ -514,7 +515,7 @@
 .btn-text {
   background: none;
   border: none;
-  color: var(--color-foreground-muted);
+  color: #6B7280 !important;
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-medium);
   cursor: pointer;
@@ -525,7 +526,7 @@
 }
 
 .btn-text:hover {
-  color: var(--color-foreground);
+  color: #374151 !important;
   background-color: var(--color-background-alt);
 }