diff --git a/src/index.css b/src/index.css
index fefa378..8551777 100644
--- a/src/index.css
+++ b/src/index.css
@@ -12,46 +12,46 @@
 
 @layer base {
   :root {
-    /* Paleta oscura por defecto: Egyptian Blue, Slate Indigo, Baby Blue Ice, Dark Amethyst, Dusty Grape */
-    --background: 260 30% 8%;
-    --foreground: 220 60% 92%;
+    /* Paleta: Egyptian Blue, Slate Indigo, Baby Blue Ice, Dark Amethyst, Dusty Grape */
+    --background: 225 30% 96%;
+    --foreground: 260 32% 24%;
 
-    --card: 260 28% 12%;
-    --card-foreground: 220 60% 92%;
+    --card: 225 25% 94%;
+    --card-foreground: 260 32% 24%;
 
-    --popover: 260 28% 14%;
-    --popover-foreground: 220 60% 92%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 260 32% 24%;
 
-    /* Primary: Baby Blue Ice */
-    --primary: 220 81% 75%;
-    --primary-foreground: 260 32% 12%;
+    /* Primary: Egyptian Blue */
+    --primary: 231 66% 37%;
+    --primary-foreground: 0 0% 100%;
 
     /* Secondary: Slate Indigo */
     --secondary: 225 34% 48%;
     --secondary-foreground: 0 0% 100%;
 
-    /* Accent: Egyptian Blue */
-    --accent: 231 66% 42%;
-    --accent-foreground: 0 0% 100%;
+    /* Accent: Baby Blue Ice */
+    --accent: 220 81% 75%;
+    --accent-foreground: 260 32% 24%;
 
-    --muted: 260 20% 16%;
-    --muted-foreground: 225 20% 65%;
+    --muted: 225 20% 90%;
+    --muted-foreground: 227 20% 42%;
 
     --destructive: 0 84% 60%;
     --destructive-foreground: 0 0% 100%;
 
-    --border: 260 18% 18%;
-    --input: 260 18% 18%;
-    --ring: 220 81% 75%;
+    --border: 225 20% 85%;
+    --input: 225 20% 85%;
+    --ring: 231 66% 37%;
 
     --radius: 0.75rem;
 
     /* Custom tokens */
     --gradient-tropical: linear-gradient(135deg, hsl(231 66% 37%), hsl(225 34% 48%), hsl(220 81% 75%));
-    --gradient-warm: linear-gradient(180deg, hsl(260 30% 8%), hsl(260 28% 12%));
-    --shadow-glow: 0 0 40px hsl(220 81% 75% / 0.25);
-    --shadow-card: 0 8px 30px hsl(0 0% 0% / 0.3);
-    --shadow-elevated: 0 20px 50px hsl(0 0% 0% / 0.4);
+    --gradient-warm: linear-gradient(180deg, hsl(225 30% 96%), hsl(225 25% 92%));
+    --shadow-glow: 0 0 40px hsl(231 66% 37% / 0.3);
+    --shadow-card: 0 8px 30px hsl(260 32% 24% / 0.08);
+    --shadow-elevated: 0 20px 50px hsl(260 32% 24% / 0.12);
     /* Sidebar (unused but required) */
     --sidebar-background: 0 0% 98%;
     --sidebar-foreground: 240 5.3% 26.1%;