diff --git a/nuxt4-app/app/assets/css/main.css b/nuxt4-app/app/assets/css/main.css
index 3349a2c..1813a40 100644
--- a/nuxt4-app/app/assets/css/main.css
+++ b/nuxt4-app/app/assets/css/main.css
@@ -2,18 +2,19 @@
 @import "@nuxt/ui";
 
 @theme {
-  /* Definir color café personalizado con todos los shades */
-  --color-coffee-50: #fef9f0;
-  --color-coffee-100: #fef3e0;
-  --color-coffee-200: #fde5c0;
-  --color-coffee-300: #fbd4a0;
-  --color-coffee-400: #f0c080;
+  /* Definir color café personalizado con todos los shades
+     Optimizado para dark mode - los valores más altos son más claros */
+  --color-coffee-50: #1b1209;
+  --color-coffee-100: #2a1f14;
+  --color-coffee-200: #3a2a16;
+  --color-coffee-300: #5a3a18;
+  --color-coffee-400: #805020;
   --color-coffee-500: #c08040;
-  --color-coffee-600: #a06830;
-  --color-coffee-700: #805020;
-  --color-coffee-800: #5a3a18;
-  --color-coffee-900: #3a2a16;
-  --color-coffee-950: #1b1209;
+  --color-coffee-600: #d09050;
+  --color-coffee-700: #e0c080;
+  --color-coffee-800: #f0d0a0;
+  --color-coffee-900: #fde5c0;
+  --color-coffee-950: #fef9f0;
 }
 
 :root {