As cores devem ser escuras.

index.html

@@ -48,8 +48,8 @@
     
     <main>
         <!-- Hero Section -->
-        <section class="relative bg-gradient-to-r from-primary-600 to-primary-800 text-white">
-            <div class="container mx-auto px-6 py-24 md:py-32 lg:py-40">
+        <section class="relative bg-gradient-to-r from-primary-900 to-primary-700 text-white">
+<div class="container mx-auto px-6 py-24 md:py-32 lg:py-40">
                 <div class="max-w-3xl mx-auto text-center">
                     <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6 executive-heading">
                         Executive Assistance with Elegance & Efficiency
@@ -201,9 +201,8 @@
                 <executive-timeline></executive-timeline>
             </div>
         </section>
-
         <!-- CTA Section -->
-        <section class="py-20 bg-gradient-to-r from-primary-700 to-primary-900 text-white">
+        <section class="py-20 bg-gradient-to-r from-primary-800 to-primary-600 text-white">
 <div class="container mx-auto px-6">
                 <div class="max-w-4xl mx-auto text-center">
                     <h2 class="text-3xl md:text-4xl font-bold mb-6">

style.css

@@ -2,27 +2,26 @@
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
 /* Color Variables */
 :root {
-    --primary-50: #f5f3ff;
-    --primary-100: #ede9fe;
-    --primary-200: #ddd6fe;
-    --primary-300: #c4b5fd;
-    --primary-400: #a78bfa;
-    --primary-500: #8b5cf6;
-    --primary-600: #7c3aed;
-    --primary-700: #6d28d9;
-    --primary-800: #5b21b6;
-    --primary-900: #4c1d95;
-    --accent-100: #f0fdf4;
-    --accent-200: #dcfce7;
-    --accent-300: #bbf7d0;
-    --accent-400: #86efac;
-    --accent-500: #4ade80;
-    --accent-600: #22c55e;
-    --accent-700: #16a34a;
-    --accent-800: #15803d;
-    --accent-900: #166534;
+    --primary-50: #1a1a2e;
+    --primary-100: #16213e;
+    --primary-200: #0f3460;
+    --primary-300: #0d3b66;
+    --primary-400: #0a4b78;
+    --primary-500: #07689f;
+    --primary-600: #0582c7;
+    --primary-700: #039be5;
+    --primary-800: #0277bd;
+    --primary-900: #01579b;
+    --accent-100: #1e3d59;
+    --accent-200: #1a5276;
+    --accent-300: #154360;
+    --accent-400: #117a8b;
+    --accent-500: #0e6251;
+    --accent-600: #0b5345;
+    --accent-700: #083d3b;
+    --accent-800: #052e2e;
+    --accent-900: #031f1f;
 }
-
 /* Custom scrollbar */
 ::-webkit-scrollbar {
     width: 8px;
@@ -30,18 +29,17 @@
 }
 
 ::-webkit-scrollbar-track {
-    background: #f1f5f9;
+    background: #1a1a2e;
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #cbd5e1;
+    background: #0f3460;
     border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: #94a3b8;
+    background: #07689f;
 }
-
 /* Animation classes */
 .animate-float {
     animation: float 6s ease-in-out infinite;