Haga lo que hicimos en aula

Hola, Yerme, espero que estés bien

Para replicar lo que hiciste en clase y aplicar variables CSS, sigue estos pasos:

1. Define las variables CSS: En el archivo CSS, puedes definir las variables dentro del selector :root. Por ejemplo:

   :root {
       --color-fondo: #f39c12;
       --color-texto: #ffffff;
       --color-boton: #1abc9c;
   }
   

2. Aplica las variables en tu CSS: Usa las variables donde sea necesario en tu CSS. Por ejemplo:

   body {
       background-color: var(--color-fondo);
       color: var(--color-texto);
   }
   
   button {
       background-color: var(--color-boton);
       color: var(--color-texto);
   }
   

3. Cambia la paleta de colores: Puedes buscar nuevas paletas en sitios como Color Hunt y actualizar los valores de las variables para cambiar el aspecto de tu proyecto.

4. Usa atajos para cambiar colores rápidamente: Si necesitas cambiar un color en varias partes del código, selecciona el color y usa Ctrl + D para seleccionar todas las ocurrencias y reemplazarlas por la variable correspondiente.

Espero que esto te ayude a aplicar lo aprendido en clase. ¡Bons estudios!