/*   handles display board images and board mat images,   */
/* and other styling related to the coloring of the board */

/*********** BLUE ************/
.board-graphics--board-blue {
    --primary-color: rgb(47 88 139);
    --secondary-color: rgb(243 243 243);
    --move-highlight-color: #262421;
    --last-move-highlight-color: rgb(0, 165, 255);
}

.board-graphics--board-blue .board-graphics__board {
    background-image: url(../images/boards/board_blue.svg);
}

/*********** MAROON ************/
.board-graphics--board-maroon {
    --primary-color: rgb(158 70 42);
    --secondary-color: rgb(225 201 190);
    --move-highlight-color: black;
    --last-move-highlight-color: rgb(255, 238, 0, 0.7);
}

.board-graphics--board-maroon .board-graphics__board {
    background-image: url(../images/boards/board_maroon.png);
}