Tema claro: completar paleta, toggle accesible y persistencia

[MarxMad]

Contexto

Hay un theme-provider.tsx con next-themes pero el tema claro está incompleto: algunos componentes tienen contraste insuficiente o colores hardcoded.

Alcance

• Auditar contraste WCAG AA en modo claro en TODA la app (landing + app).
• Completar variables CSS en app/globals.css para light mode.
• Reemplazar colores hardcoded (#xxx, bg-zinc-900) por tokens del design system.
• Toggle de tema en navbar y dentro de la app (/app/settings).
• Persistir con next-themes (ya configurado).
• Respetar prefers-color-scheme del SO en el primer load.

Definition of done

• Axe DevTools sin errores de contraste.
• Switch entre temas sin flash (FOUC).
• Toggle accesible por teclado y screen reader.

Por qué es seguro delegarlo

Solo CSS y tokens de diseño. No toca lógica.