Se crearon las variables CSS que se muestran a continuación y se reemplazaron en cada una de las líneas de código en donde se había definido un color.
:root{
--color-primario: #f7eaea;
--color-secundario: #000000;
--color-terciario: #837081;
--fuente-monserrat: 'Montserrat', sans-serif;
--fuente-krona: 'Krona One', sans-serif;
}
body{
padding: 0;
margin:0;
box-sizing: border-box;
background-color: var(--color-primario);
color: var(--color-secundario);