Esse desafio você é pra quem ainda não conhece ou não esta familiarizado com variaveis em css;
Você poderá pegar qualquer template que já utilize ou encontre pela internet. Caso utilize algum modelo pronto como os do bootstrap que geralmente são cinzas, adicione 4 cores a eles.
Você devera alterar cores e valores para serem utilizados em variaveis.
Só pode ser usado HTML e CSS;
- todas as cores exibidas devem estar em uma variavel
- números que se repitam, como margens, paddings, espessuras de bordas tambem devem estar em variaveis;
- https://developer.mozilla.org/en-US/docs/Web/CSS/:root
- https://developer.mozilla.org/en-US/docs/Web/CSS/--*
- https://developer.mozilla.org/pt-BR/docs/Web/CSS/Using_CSS_custom_properties
Você pode visualizar o modelo que eu fiz no CodePen.
Esse é o template original, onde vc pode ver q existiam as variaveis, mas nao estavam sendo utilizadas.
Utilizei o template Argon da empresa Creative Tim.