Nós iremos usar 5 cores ao longo do projeto, algumas vão ser usadas bem mais que outras. Para facilitar a nossa vida, iremos criar um arquivo de variáveis de cor.

Vamos na pasta “styles” para criarmos o arquivo “colors.module.scss”.

1. O next pede que todo arquivo que não seja o “globals.scss” tenha o “.module” para funcionar, por isso a nomeação será assim para todos os arquivos visuais.

Nós iremos criar 5 variáveis. Nós iremos usar apenas cinza e vermelho de cor, e suas variações de intensidade (mais claro ou mais escuro).

$lightRed: #ff0044;

$darkRed: #b30d39;

$lightGray: #ccc8c8;

$mediumGray: #9e9a9a;

$darkGray: #4e4e4e;