1
resposta

depois de importar o variaveis.css não voltou a cor.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Home | Casa Verde</title>
        <link href="https://fonts.googleapis.com/css2?family=Elsie+Swash+Caps:wght@900&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="assets/css/base/variaveis.css">
        <link rel="stylesheet" href="assets/css/componentes/botoes.css">

    </head>
:root {
    --amarelo: #FFCB47;
    --branco: #FFFFFF;
    --cinza: #909090;
    --preto: #202020;
}
.botao {
    background-color: var(--amarelo);

    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: var(--branco);

    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;

    box-shadow: 10px 10px 30px #FFCB473D;

    border: none;
}
1 resposta

Fala ai Ivo, tudo bem? Será que não pode ser cache? Olhando os códigos parecem que estão corretos.

Tente abrir o console do navegador e nele você consegue inspecionar a página para ver se as variaveis foram carregadas e aplicadas.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software