Hagamos lo que hicimos en el aula

Hola Erika, espero que estés bien

Para replicar lo que hiciste en clase utilizando variables CSS, puedes seguir estos pasos:

1. Definir Variables CSS: Comienza definiendo tus variables en el selector :root para que estén disponibles globalmente en tu proyecto. Por ejemplo:

   :root {
       --primary-color: #6a5acd;
       --secondary-color: #ffffff;
       --text-color: #000000;
   }
   

2. Aplicar Variables en tu CSS: Usa estas variables en lugar de valores de color fijos. Por ejemplo:

   body {
       background-color: var(--secondary-color);
       color: var(--text-color);
   }
   
   header, footer {
       background-color: var(--primary-color);
   }
   
   a {
       color: var(--primary-color);
   }
   

3. Cambiar Paleta de Colores: Si deseas cambiar la paleta de colores, simplemente actualiza los valores en las variables definidas en :root. Puedes buscar nuevas paletas en sitios como Color Hunt o Adobe Color Wheel.

4. Utilizar Atajos para Eficiencia: Usa el atajo Ctrl + D para seleccionar y cambiar rápidamente múltiples instancias de un mismo valor en tu código.

Espero que esto te ayude a personalizar tu proyecto de manera eficiente. ¡Bons estudios!