Update app.py

app.py

@@ -323,14 +323,15 @@ def create_downloadable_html(ingredients_html, recipes_html, dietary_restriction
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
         :root {{
-            --primary-color: #FF6F61;
-            --secondary-color: #4BB543;
-            --accent-color: #F0A500;
-            --background-color: #F4F4F9;
-            --text-color: #333333;
+            --primary-color: #2C786C;     /* Rich teal */
+            --secondary-color: #F58634;   /* Warm orange */
+            --accent-color: #FAB95B;      /* Soft amber */
+            --background-color: #F8F9FA;  /* Clean off-white */
+            --text-color: #2A2D34;        /* Deep charcoal */
             --card-background: #FFFFFF;
             --border-radius: 12px;
-            --box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px;
+            --box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 15px;
+            --primary-light: #40A799;     /* Lighter teal for hover */
         }}
         body {{
             font-family: 'Poppins', sans-serif;
@@ -338,15 +339,15 @@ def create_downloadable_html(ingredients_html, recipes_html, dietary_restriction
             color: var(--text-color);
             margin: 0;
             padding: 0;
-            line-height: 1.6;
+            line-height: 1.7;
         }}
         .container {{
-            max-width: 1000px;
+            max-width: 1200px;
             margin: 0 auto;
-            padding: 20px;
+            padding: 0 20px 40px;
         }}
         header {{
-            background-color: var(--primary-color);
+            background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
             color: white;
             padding: 40px 20px;
             text-align: center;