Solucionado
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');
:root { --cor-primaria:#17153B; --cor-secundaria:#2E236C; --cor-terciaria:#433D8B; --cor-hover:#C8ACD6;
--fonte-primaria: 'Krona One', sans-serif;
--fonte-secundaria: 'Montserrat', sans-serif;
}
Como ficou:
Oii, José!
Parabéns por praticar com o curso! Muito bom que você está se dedicando assim.
Uma dica que eu daria é verificar o contraste de cores, veja se o contraste entre o texto e o fundo é suficiente para garantir a legibilidade. Ferramentas como o Contrast Checker podem ajudar a garantir que suas cores atendam aos padrões de acessibilidade.
Você também pode experimentar outras paletas de cores para ver como elas afetam o visual do seu projeto. Ferramentas como o Color Hunt e a Roda de Cores da Adobe são ótimas para isso.
Parabéns, mais uma vez, pelo projeto.
Um abraço e bons estudos.