06 Haga lo que hicimos en aula desafio 13

¡Hola Estudiante, espero que estés bien!

Para optimizar el cambio de colores y el tipo de fuente en tu proyecto, estás haciendo un buen uso de las variables CSS. Aquí tienes algunos consejos y ejemplos para asegurarte de que estás implementando esto de manera efectiva:

1. Declaración de Variables:
   Asegúrate de declarar las variables en el :root para que sean accesibles desde cualquier parte de tu CSS. Ya lo estás haciendo correctamente.

   :root {
       --color-primario: #000000;
       --color-secundario: rgb(255, 255, 255);
       --color-terciario: #22ADFD;
       --fuente-bangers: "Bangers", serif;
       --fuente-montserrat: "Montserrat", serif;
   }
   

2. Uso de Variables:
   Utiliza las variables en tus reglas CSS para aplicar los colores y fuentes definidos. Por ejemplo:

   body {
       color: var(--color-secundario);
       font-family: var(--fuente-montserrat);
   }
   
   h1 {
       color: var(--color-primario);
       font-family: var(--fuente-bangers);
   }
   

3. Cambio de Valores:
   Si necesitas cambiar un color o fuente, solo tendrás que modificar el valor de la variable en el :root, y se actualizará en todo el documento.

4. Verificación en Navegadores:
   Asegúrate de que los navegadores que estás utilizando soporten CSS Variables. La mayoría de los navegadores modernos lo hacen, pero es bueno verificar si estás trabajando con versiones más antiguas.

5. Importación de Fuentes:
   Veo que estás importando las fuentes desde Google Fonts, lo cual es excelente. Asegúrate de que las URLs sean correctas y estén bien enlazadas.

Espero que estos consejos te ayuden a optimizar tu proyecto. ¡Bons estudios!