/* Chess Board Themes */
:root {
  --oc-premove-dest-color: rgb(0 200 255 / 10%);
}

/* Blue-Purple Theme (Default) */
.board-theme-blue-purple cg-board {
    background-color: #4c2f89;
}

.board-theme-blue-purple square.white {
    background-color: #684e9d !important;  /* Lila claro */
}

.board-theme-blue-purple square.black {
    background-color: #4c2f89 !important;  /* Púrpura */
}

/* Blue Theme */
.board-theme-blue cg-board {
    background-color: #dee3e6;
}

.board-theme-blue square.white {
    background-color: #dee3e6;
}

.board-theme-blue square.black {
    background-color: #8ca2ad;
}

/* Green Theme */
.board-theme-green cg-board {
    background-color: #ffffdd;
}

.board-theme-green square.white {
    background-color: #ffffdd;
}

.board-theme-green square.black {
    background-color: #86a666;
}

/* Purple Theme */
.board-theme-purple cg-board {
    background-color: #e8e4f3;
}

.board-theme-purple square.white {
    background-color: #e8e4f3;
}

.board-theme-purple square.black {
    background-color: #9f90b0;
}

/* Maple Theme */
.board-theme-maple cg-board {
    background-color: #f7e0c3;
}

.board-theme-maple square.white {
    background-color: #f7e0c3;
}

.board-theme-maple square.black {
    background-color: #d08b5b;
}

/* Leather Theme */
.board-theme-leather cg-board {
    background-color: #d0ceca;
}

.board-theme-leather square.white {
    background-color: #d0ceca;
}

.board-theme-leather square.black {
    background-color: #4f4a45;
}


/** Interactive board square colors */
.chessground-board square.move-dest,
cg-board square.move-dest {
  background: radial-gradient(rgb(156 248 112 / 60%) 20%, #ffffff 0, rgb(156 248 112 / 60%) 0%, rgb(255 255 255 / 0%) 21%);
}
.chessground-board square.premove-dest,
cg-board square.premove-dest {
  background: radial-gradient(var(--oc-premove-dest-color) 22%, var(--oc-premove-dest-color) 0, var(--oc-premove-dest-color) 0, rgba(0, 0, 0, 0) 0);
}
.chessground-board square.oc.move-dest,
cg-board square.oc.move-dest {
    background: url('../img/oc-dest.png');
    background-size: contain;
    opacity: 0.6;
}
.chessground-board square.oc.premove-dest,
cg-board square.oc.premove-dest {
  background: radial-gradient(circle, transparent 48%, var(--oc-premove-dest-color) 50%, var(--oc-premove-dest-color) 60%, transparent 62%);
}
.chessground-board square.move-dest:hover,
cg-board square.move-dest:hover {
  background: rgba(20, 85, 30, 0.3);
}
.chessground-board square.premove-dest:hover,
cg-board square.premove-dest:hover {
  background: rgba(20, 30, 85, 0.2);
}
.chessground-board square.last-move,
cg-board square.last-move {
    background-color: rgb(136 63 255 / 50%);
    border: solid 1px #8445fc;
}
.chessground-board square.selected,
cg-board square.selected {
    background-color: rgb(136 63 255 / 50%) !important;
    border: solid 1px #a271ff;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 40%);
}

.chessground-board square.current-premove,
cg-board square.current-premove {
    background-color: rgb(63 192 255 / 32%);
    border: solid 1px #45d8fc61;
}



/* Piece themes - URLs for different piece sets */
.piece-theme-cburnett piece {
    background-image: url('https://lichess1.org/assets/_6FiVbk/piece/cburnett/wP.svg');
}

.piece-theme-merida piece {
    background-image: url('https://lichess1.org/assets/_6FiVbk/piece/merida/wP.svg');
}

.piece-theme-alpha piece {
    background-image: url('https://lichess1.org/assets/_6FiVbk/piece/alpha/wP.svg');
}

.piece-theme-california piece {
    background-image: url('https://lichess1.org/assets/_6FiVbk/piece/california/wP.svg');
}

.piece-theme-cardinal piece {
    background-image: url('https://lichess1.org/assets/_6FiVbk/piece/cardinal/wP.svg');
}

.piece-theme-fantasy piece {
    background-image: url('https://lichess1.org/assets/_6FiVbk/piece/fantasy/wP.svg');
}

.piece-theme-spatial piece {
    background-image: url('https://lichess1.org/assets/_6FiVbk/piece/spatial/wP.svg');
}

/* Coordinate styles */
coords {
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
    font-size: 12px;
}

.board-theme-blue coords,
.board-theme-purple coords,
.board-theme-maple coords {
    color: rgba(0, 0, 0, 0.6);
}

.board-theme-leather coords {
    color: rgba(255, 255, 255, 0.8);
}