Feat: Extender sistema de temas con colores de café y estados

Cambios:
- Agregar documentación completa del sistema de temas en /settings
- Extender ThemeColors con 7 nuevas variables:
  * coffeeUva, coffeeOreado, coffeeMojado, coffeeVerde
  * statusPendiente, statusPagado, statusAnulado
- Actualizar useTheme.ts para aplicar nuevas variables CSS
- Actualizar main.css con definiciones de nuevas variables
- Actualizar temas predefinidos (azul, verde, carbón)
- Mantener colores de café y estados consistentes en todos los temas

Las nuevas variables permiten personalizar:
- Colores de identificación de tipos de café en gráficas
- Colores de estados de pago en tablas y badges

nuxt4-app/app/assets/css/main.css

@@ -18,6 +18,7 @@
 }
 
 :root {
+  /* Colores base del tema */
   --brand-bg: #14100b;
   --brand-surface: #1f180f;
   --brand-border: #3a2a16;
@@ -27,6 +28,17 @@
   --brand-text: #fef9f0;
   --brand-text-muted: #d8c7a6;
 
+  /* Colores para tipos de café */
+  --coffee-uva: #a855f7;      /* Purple - Café Uva */
+  --coffee-oreado: #f97316;   /* Orange - Café Oreado */
+  --coffee-mojado: #06b6d4;   /* Cyan - Café Mojado */
+  --coffee-verde: #22c55e;    /* Green - Café Verde */
+
+  /* Colores para estados */
+  --status-pendiente: #f59e0b; /* Amber - Pendiente de pago */
+  --status-pagado: #10b981;    /* Emerald - Pagado */
+  --status-anulado: #6b7280;   /* Gray - Anulado */
+
   /* Mapear variables UI neutral a nuestras variables dinámicas --brand-*
      Esto permite que los componentes de Nuxt UI respondan a cambios de tema
      IMPORTANTE: Nuxt UI usa neutral-50 para fondos oscuros y neutral-950 para texto claro en dark mode */