/* Tokens de design da Central (cui4): a paleta da casa no tema escuro.
   Carregado ANTES do styles.css. Os ui-*.css usam var(--nome) no lugar dos
   valores literais; o valor é o mesmo, então a tela não muda. Cor fora desta
   lista continua literal, de propósito: só vira token quando se repete. */
:root{
  /* fundos, do mais escuro ao mais claro */
  --fundo:#0b0e0c;
  --lateral:#0f1411;
  --cartao:#121915;
  --realce:#131a16;
  --hover:#18221c;
  /* bordas */
  --borda:#1f2a23;
  --borda-forte:#223028;
  --borda-verde:#2c4a3b;
  --borda-campo:#4a6b5a;
  --linha-suave:#1b231e;
  /* verdes de ação e de destaque */
  --verde-escuro:#2c6b52;
  --verde-ativo:#17291f;
  --destaque:#7ef0c1;
  --primario:#00a76f;
  --sobre-primario:#04110c;
  /* textos */
  --texto:#eef5f0;
  --texto-2:#dbe7df;
  --texto-corpo:#c3d1c9;
  --apagado:#9fb0a7;
  /* estados */
  --perigo:#ff9a84;
  /* formas */
  --raio-cartao:18px;
  --raio-controle:12px;
  --sombra-popover:0 18px 40px -12px rgba(0,0,0,.7);
}
