From ca2536c7460782c14195c759fedec0986d536176 Mon Sep 17 00:00:00 2001
From: josedario87 <jodarioel87@gmail.com>
Date: Thu, 30 Oct 2025 14:27:06 -0600
Subject: [PATCH] Fix: Invertir shades de color coffee para dark mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Los shades estaban configurados para light mode (50=claro, 950=oscuro).
En dark mode, Nuxt UI espera la escala invertida (50=oscuro, 950=claro).

Cambios:
- 50: #1b1209 (más oscuro)
- 500: #c08040 (medio - café principal)
- 950: #fef9f0 (más claro)

Esto asegura que en dark mode se vean los colores café/dorado correctamente.
---
 nuxt4-app/app/assets/css/main.css | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

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 {