UI update

app.py

@@ -301,7 +301,7 @@ Answer:"""
             --primary-color: #FF8C00;
             --primary-hover: #E07B00;
             --background-primary: hsl(30, 100%, 99.9%);
-            --background-secondary: hsl(30, 100%, 96%);
+            --background-secondary: #FFE8CC; /* Changed to light orange */
             --text-primary: #4A3C32;
             --text-secondary: #8C7B6F;
             --border-color: hsl(30, 70%, 85%);
@@ -312,9 +312,9 @@ Answer:"""
             --error-bg: #FFF0E0;
             --error-border: #FFD2B2;
             --error-text: #E05C00;
-            /* Updated variables for the light orange gradient */
-            --gradient-start: #FFB266; /* Light orange */
-            --gradient-end: #FFCC99;   /* Even lighter orange, almost peachy */
+            /* New variables for the orange gradient */
+            --gradient-start: #D68A2E; /* Darker shade of orange-brown */
+            --gradient-end: #F5B261;   /* Lighter shade of orange-brown */
         }
 
         /* Dark theme variables */
@@ -322,7 +322,7 @@ Answer:"""
             --primary-color: #FF8C00;
             --primary-hover: #FFB366;
             --background-primary: #1A1A1A;
-            --background-secondary: #2D2D2D;
+            --background-secondary: #FFCC99; /* Slightly darker light orange for dark theme */
             --text-primary: #E0E0E0;
             --text-secondary: #A0A0A0;
             --border-color: #454545;
@@ -333,9 +333,9 @@ Answer:"""
             --error-bg: #3A2A2A;
             --error-border: #FF8C00;
             --error-text: #FF8C00;
-            /* Updated variables for the light orange gradient in dark theme */
-            --gradient-start: #FFB266; /* Light orange */
-            --gradient-end: #FFCC99;   /* Even lighter orange, almost peachy */
+            /* New variables for the orange gradient in dark theme */
+            --gradient-start: #D68A2E; /* Keep the same gradient for consistency */
+            --gradient-end: #F5B261;   /* Keep the same gradient for consistency */
         }
 
         body, html {
@@ -431,8 +431,6 @@ Answer:"""
             gap: 1.25rem !important;
         }
 
-
-
         .dashboard-card-section {
             background-color: var(--background-primary) !important;
             border: 2px solid var(--border-color) !important;