Landing imporvement

frontend/src/styles/themes/dark.css

@@ -52,50 +52,50 @@
   --color-success-light: #4ade80;
   --color-success-dark: #16a34a;
 
-  /* Warning Colors */
-  --color-warning-50: #fffbeb;
-  --color-warning-100: #fef3c7;
-  --color-warning-200: #fde68a;
-  --color-warning-300: #fcd34d;
-  --color-warning-400: #fbbf24;
+  /* Warning Colors - Inverted scale for dark mode */
+  --color-warning-50: #422006;
+  --color-warning-100: #78350f;
+  --color-warning-200: #9a3412;
+  --color-warning-300: #c2410c;
+  --color-warning-400: #ea580c;
   --color-warning-500: #f59e0b;
-  --color-warning-600: #ea580c;
-  --color-warning-700: #c2410c;
-  --color-warning-800: #9a3412;
-  --color-warning-900: #7c2d12;
+  --color-warning-600: #fbbf24;
+  --color-warning-700: #fcd34d;
+  --color-warning-800: #fde68a;
+  --color-warning-900: #fef3c7;
   --color-warning: #fb923c; /* Brighter for dark theme */
   --color-warning-light: #fdba74;
   --color-warning-dark: #ea580c;
 
-  /* Error Colors */
-  --color-error-50: #fef2f2;
-  --color-error-100: #fee2e2;
-  --color-error-200: #fecaca;
-  --color-error-300: #fca5a5;
-  --color-error-400: #f87171;
+  /* Error Colors - Inverted scale for dark mode */
+  --color-error-50: #450a0a;
+  --color-error-100: #7f1d1d;
+  --color-error-200: #991b1b;
+  --color-error-300: #b91c1c;
+  --color-error-400: #dc2626;
   --color-error-500: #ef4444;
-  --color-error-600: #dc2626;
-  --color-error-700: #b91c1c;
-  --color-error-800: #991b1b;
-  --color-error-900: #7f1d1d;
+  --color-error-600: #f87171;
+  --color-error-700: #fca5a5;
+  --color-error-800: #fecaca;
+  --color-error-900: #fee2e2;
   --color-error: #ef4444; /* Brighter for dark theme */
   --color-error-light: #f87171;
   --color-error-dark: #dc2626;
 
-  /* Info Colors */
-  --color-info-50: #eff6ff;
-  --color-info-100: #dbeafe;
-  --color-info-200: #bfdbfe;
-  --color-info-300: #93c5fd;
-  --color-info-400: #60a5fa;
-  --color-info-500: #3b82f6;
-  --color-info-600: #0284c7;
-  --color-info-700: #0369a1;
-  --color-info-800: #075985;
-  --color-info-900: #0c4a6e;
-  --color-info: #0ea5e9; /* Brighter for dark theme */
-  --color-info-light: #0ea5e9;
-  --color-info-dark: #0369a1;
+  /* Info Colors - Adjusted for dark mode */
+  --color-info-50: #0c4a6e;
+  --color-info-100: #075985;
+  --color-info-200: #0369a1;
+  --color-info-300: #0284c7;
+  --color-info-400: #0ea5e9;
+  --color-info-500: #38bdf8;
+  --color-info-600: #38bdf8;
+  --color-info-700: #60a5fa;
+  --color-info-800: #93c5fd;
+  --color-info-900: #bfdbfe;
+  --color-info: #38bdf8; /* Brighter cyan for dark theme */
+  --color-info-light: #60a5fa;
+  --color-info-dark: #0ea5e9;
 
   /* === THEME-SPECIFIC COLORS === */
   
@@ -116,10 +116,10 @@
   --text-muted: #64748b;
   --text-disabled: #475569;
 
-  /* Border Colors */
-  --border-primary: #334155;
-  --border-secondary: #475569;
-  --border-tertiary: #64748b;
+  /* Border Colors - Enhanced visibility for dark mode */
+  --border-primary: #475569;
+  --border-secondary: #64748b;
+  --border-tertiary: #94a3b8;
   --border-focus: #f59e0b;
   --border-error: #ef4444;
   --border-success: #22c55e;