:root {
    --ground: #383857;
    --border: #8A9AD8;
    --hover: #D2D2D2;
    --moreover: #b1b1b1;
    --element: #E6E6E6;
    --panel: #FFFFFF;
    --stroke: ;
    --hard: #575757;

    --field: #E9E9E9;
    
    --board: #EBEBEB;

    --cream: #D8AD8A;       /* barra superior, cards e fonte da barra indicativa */
    --royalorange: #F19143; /* borda das imagens dos cards */
    --lightchoco: #573838;  /* background e fonte nos itens */
    --midlightchoco: #523636;
    --mediumchoco: #4D3232; /* article */
    --hardchoco: #422C2C;   /* barra indicativa de resultados */
    --chocopowder: #A98686; /* fonte do rodapé */
    --superhardchoco: #322222;

    --bred: #9E483F;
    --hover-bred: #7d3931;
    --buttonsalmon: #C97E7E;

    --red: rgb(150, 33, 33);
    --salmon: #BC6C6C;
    --hoversalmon:rgb(158, 91, 91);
    --darkcream: #b69376; 

    /* Cores do main.css */

    --white: #F0F3F5/*#282a36*/;
    --lightgrey: #cecece;
    --grey: #7a7a7a;
    --darkgrey: #5e5e5e;
    --black: #353535;
}