Now I'll update the globals.css to set Quicksand as the default font family for the entire app:

Now let me read the eco-app.tsx to remove all the inline Quicksand font styles since it will now be the default, and ensure all text uses the font properly:

Now I'll clean up the inline Quicksand font styles since Quicksand is now the default font. I'll remove all the style={{ fontFamily: '"Quicksand", sans-serif' }} attributes:

He actualizado toda la tipografia de la aplicacion para usar Quicksand como fuente predeterminada. El cambio principal se realizo en globals.css donde configure --font-sans: 'Quicksand', 'Inter', sans-serif como la fuente base, lo cual aplica automaticamente Quicksand a todos los textos, titulos, dialogos, tarjetas y elementos de texto de toda la aplicacion. Tambien elimine los estilos inline de fontFamily que estaban en el componente de arquetipos ya que ahora son redundantes.

The GIF shows an animated cosmic rose compass design with pink crystalline ribbons, roses, and sparkles rotating on a dark starfield background - perfect for the Eco avatar element.

Let me find the EcoAvatar component in the results section and update it to use this animated GIF: