Quis mudar a background-color da parte de cadastro de notas e inclui a cor no App.css como --bkg-color;
:root {
--primaria: #58a4b0;
--secundaria: #373f51;
--secundaria-ativa: #cccccc;
--fundo: #ffffff;
--fundo-detalhes: #ececec;
--bkg-color:#0F2537;
}
Porém, no arquivo css que estiliza o formulário ele não reconhece a variável --bkg-color, o css só reconhece como hex code. Por que isso está acontecendo?
.form-cadastro {
flex-grow: 2;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
z-index: 1; /*ordem do elemento em umma pilha de elementos*/
min-height: 100vh;
display: flex;
flex-direction: column;
padding: 12px 40px;
background-color: #0F2537;
}