Fix: Reemplazar colores hardcodeados por variables del sistema de temas

- Agregadas nuevas variables CSS --brand-cosecha-2, --brand-cosecha-3, --brand-cosecha-4 para gráficas
- Reemplazado --brand-bg-secondary (no existía) por --brand-surface en todos los componentes
- Actualizados arrays de colores en componentes de comparativa de cosechas
- Eliminados colores RGB/hex hardcodeados en tooltips y badges
- Todos los componentes ahora respetan el sistema de temas dinámico

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

@@ -29,6 +29,11 @@
   --brand-text: #fef9f0;
   --brand-text-muted: #d8c7a6;
 
+  /* Colores intermedios para gráficas de cosechas */
+  --brand-cosecha-2: #8b6f47;     /* Tono café intermedio 1 */
+  --brand-cosecha-3: #a0826e;     /* Tono café intermedio 2 */
+  --brand-cosecha-4: #b89968;     /* Tono café intermedio 3 */
+
   /* Colores para tipos de café */
   --coffee-uva: #a855f7;      /* Purple - Café Uva */
   --coffee-oreado: #f97316;   /* Orange - Café Oreado */