diff --git a/web/src/index.css b/web/src/index.css
index 3e4c3b6..4b51e42 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -4,17 +4,17 @@
 
 @layer base {
   :root {
-    --brand-primary: #6366f1; /* Indigo 500 mais vibrante */
-    --brand-primary-light: #a5b4fc;
-    --brand-primary-dark: #4338ca;
-    --obsidian: #0f172a;
-    --obsidian-light: #1e293b;
-    --slate-950: #020617;
+    --brand-primary: #2563eb; /* Blue 600 */
+    --brand-primary-light: #93c5fd;
+    --brand-primary-dark: #1e40af;
+    --obsidian: #18181b; /* Zinc 900 */
+    --obsidian-light: #27272a;
+    --slate-950: #09090b;
     color-scheme: light;
   }
 
   * {
-    @apply border-slate-200;
+    @apply border-zinc-200;
     box-sizing: border-box;
   }
 
@@ -26,11 +26,11 @@
   }
 
   body {
-    @apply bg-[#f8fafc] text-slate-900 font-sans antialiased;
+    @apply bg-[#fafafa] text-zinc-900 font-sans antialiased;
     touch-action: pan-y;
     background-image: 
-      radial-gradient(at 0% 0%, rgba(79, 70, 229, 0.03) 0px, transparent 50%),
-      radial-gradient(at 100% 0%, rgba(15, 23, 42, 0.03) 0px, transparent 50%);
+      radial-gradient(at 0% 0%, rgba(37, 99, 235, 0.03) 0px, transparent 50%),
+      radial-gradient(at 100% 0%, rgba(24, 24, 27, 0.03) 0px, transparent 50%);
     font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
     min-height: 100vh;
   }
@@ -45,11 +45,11 @@
   }
 
   ::-webkit-scrollbar-track {
-    @apply bg-slate-100;
+    @apply bg-zinc-100;
   }
 
   ::-webkit-scrollbar-thumb {
-    @apply bg-indigo-200 rounded-full hover:bg-indigo-300;
+    @apply bg-blue-200 rounded-full hover:bg-blue-300;
   }
 }
 
@@ -59,7 +59,7 @@
   }
 
   .glass-card {
-    @apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl shadow-slate-200/50;
+    @apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl shadow-zinc-200/50;
   }
 
   /* Hide scrollbar but keep scroll functionality */
@@ -72,10 +72,10 @@
   }
 
   .indigo-gradient {
-    @apply bg-gradient-to-br from-indigo-400 via-indigo-500 to-indigo-600;
+    @apply bg-gradient-to-br from-blue-400 via-blue-500 to-blue-600;
   }
 
   .obsidian-gradient {
-    @apply bg-gradient-to-br from-slate-800 via-slate-900 to-slate-950;
+    @apply bg-gradient-to-br from-zinc-800 via-zinc-900 to-zinc-950;
   }
 }
diff --git a/web/tailwind.config.cjs b/web/tailwind.config.cjs
index 1c38f62..0d2ea67 100644
--- a/web/tailwind.config.cjs
+++ b/web/tailwind.config.cjs
@@ -7,8 +7,8 @@ module.exports = {
     extend: {
       colors: {
         amber: colors.amber,
-        slate: colors.slate,
-        indigo: colors.indigo,
+        slate: colors.zinc, // Normal neutral grey
+        indigo: colors.blue, // Normal professional blue
         violet: colors.violet,
         emerald: colors.emerald,
       },