Update app.py

app.py

@@ -489,7 +489,8 @@ def process_recipe_request(api_key, files, num_recipes, dietary_restrictions, cu
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
 :root {
-    --primary-color: #FF6F61;  /* Warm coral */
+    --primary-color: #2C786C;     /* Rich teal */
+    --primary-light: #40A799;     /* Lighter teal for hover */
     --secondary-color: #4BB543;  /* Fresh green */
     --accent-color: #F0A500;  /* Golden yellow */
     --background-color: #F4F4F9;  /* Light grayish background */
@@ -513,7 +514,7 @@ body {
     padding: 20px;
 }
 .app-header {
-    background-color: var(--primary-color);
+    background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
     color: white;
     padding: 60px 20px;
     text-align: center;
@@ -525,12 +526,14 @@ body {
     font-size: 2.8em;
     font-weight: 700;
     margin-bottom: 10px;
+    color: navajowhite;
 }
 .app-subtitle {
     font-size: 1.3em;
     font-weight: 400;
     max-width: 800px;
     margin: 0 auto;
+    color: white;
 }
 .input-section, .output-section {
     background-color: var(--card-background);
@@ -556,15 +559,16 @@ body {
     padding-bottom: 10px;
 }
 .image-upload-container {
-    border: 2px dashed var(--secondary-color);
+    border: 2px dashed rgba(44, 120, 108, 0.4);
     padding: 40px;
     text-align: center;
-    background-color: rgba(75, 181, 67, 0.1);
+    background-color: rgba(44, 120, 108, 0.05);
+    border-radius: 8px;
     transition: all 0.3s ease;
 }
 .image-upload-container:hover {
     border-color: var(--primary-color);
-    background-color: rgba(255, 111, 97, 0.1);
+    background-color: rgba(44, 120, 108, 0.08);
 }
 button.primary-button {
     background-color: var(--primary-color);