Production ready

frontend/app/globals.css

@@ -73,6 +73,17 @@
     /* Sehr leichtes Teal - Pricing */
     --section-bg-7: 349 8% 95%;
     /* Sehr leichtes Burgundy - Social Proof */
+
+    /* New Gradients - Light Mode */
+    --ivory-start: 40 20% 97%;
+    /* #FAF9F6 */
+    --ivory-end: 38 18% 84%;
+    /* #DCD7CE */
+
+    --velvet-start: 45 12% 64%;
+    /* #ADA996 */
+    --velvet-end: 0 0% 95%;
+    /* #F2F2F2 */
   }
 
   /* Dark theme following the warm palette aesthetic */
@@ -120,6 +131,17 @@
     --section-bg-5: 25 10% 9%;
     --section-bg-6: 177 20% 8%;
     --section-bg-7: 349 20% 9%;
+
+    /* New Gradients - Dark Mode */
+    --ivory-start: 0 0% 11%;
+    /* #1c1c1c */
+    --ivory-end: 30 5% 16%;
+    /* #2a2826 */
+
+    --velvet-start: 177 15% 20%;
+    /* #2d3a3a - Deep Sage */
+    --velvet-end: 0 0% 10%;
+    /* #1a1a1a */
   }
 }
 
@@ -132,6 +154,7 @@
     font-family: var(--font-body), 'Inter Tight', 'Inter', system-ui, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    overflow-y: scroll;
   }
 
   body {
@@ -242,6 +265,15 @@
     background: linear-gradient(135deg, hsl(var(--teal)) 0%, hsl(200 30% 50%) 100%);
   }
 
+  /* User Requested Gradients */
+  .gradient-ivory {
+    background: linear-gradient(180deg, hsl(var(--ivory-start)) 0%, hsl(var(--ivory-end)) 100%);
+  }
+
+  .gradient-velvet {
+    background: linear-gradient(180deg, hsl(var(--velvet-start)) 0%, hsl(var(--velvet-end)) 100%);
+  }
+
   /* Status indicator dots */
   .status-dot {
     @apply w-2.5 h-2.5 rounded-full;