/* 
 * Chess Board Theme Styles
 * This file defines the color schemes for different board themes
 * To use: Apply the theme class (theme-brown, theme-green, theme-blue) to the board container
 */

/* Brown Theme (Classic) */
.theme-brown .white-1e1d7 {
    background-color: #f0d9b5 !important;
    color: #b58863 !important;
}

.theme-brown .black-3c85d {
    background-color: #b58863 !important;
    color: #f0d9b5 !important;
}

/* Green Theme */
.theme-green .white-1e1d7 {
    background-color: #eeeed2 !important;
    color: #769656 !important;
}

.theme-green .black-3c85d {
    background-color: #769656 !important;
    color: #eeeed2 !important;
}

/* Blue Theme */
.theme-blue .white-1e1d7 {
    background-color: #dee3e6 !important;
    color: #5b81b3 !important;
}

.theme-blue .black-3c85d {
    background-color: #5b81b3 !important;
    color: #dee3e6 !important;
}

/* Texture Themes — full-board image, squares transparent */
.theme-wood4 .board-b72b1,
.theme-blue-marble .board-b72b1,
.theme-olive .board-b72b1 {
    background-size: cover !important;
    background-position: center !important;
}
.theme-wood4 .board-b72b1 { background-image: url('board-textures/wood4.jpg') !important; }
.theme-blue-marble .board-b72b1 { background-image: url('board-textures/blue-marble.jpg') !important; }
.theme-olive .board-b72b1 { background-image: url('board-textures/olive.jpg') !important; }

.theme-wood4 .white-1e1d7,
.theme-wood4 .black-3c85d,
.theme-blue-marble .white-1e1d7,
.theme-blue-marble .black-3c85d,
.theme-olive .white-1e1d7,
.theme-olive .black-3c85d {
    background-color: transparent !important;
}
/* Notation colors for texture themes */
.theme-wood4 .white-1e1d7 { color: #8a6a3a !important; }
.theme-wood4 .black-3c85d { color: #d4b87a !important; }
.theme-blue-marble .white-1e1d7 { color: #7090b0 !important; }
.theme-blue-marble .black-3c85d { color: #d8d0c0 !important; }
.theme-olive .white-1e1d7 { color: #7a7a60 !important; }
.theme-olive .black-3c85d { color: #c8c8b0 !important; }

/* Highlighted squares - consistent across all themes */
.highlight1-32417, .highlight2-9c5d2 {
    box-shadow: inset 0 0 3px 3px yellow !important;
}

/* Optional: Add theme-specific highlight colors if desired */
.theme-brown .highlight1-32417, .theme-brown .highlight2-9c5d2 {
    box-shadow: inset 0 0 3px 3px rgba(255, 255, 0, 0.5) !important;
}

.theme-green .highlight1-32417, .theme-green .highlight2-9c5d2 {
    box-shadow: inset 0 0 3px 3px rgba(255, 255, 0, 0.5) !important;
}

.theme-blue .highlight1-32417, .theme-blue .highlight2-9c5d2 {
    box-shadow: inset 0 0 3px 3px rgba(255, 235, 59, 0.5) !important;
}

/* Last move highlight — per theme, slightly muted */
.theme-brown .white-1e1d7.highlight-last-move {
    background-color: #e5dba0 !important;
}
.theme-brown .black-3c85d.highlight-last-move {
    background-color: #a9a460 !important;
}

.theme-green .white-1e1d7.highlight-last-move {
    background-color: #e2e2a0 !important;
}
.theme-green .black-3c85d.highlight-last-move {
    background-color: #8aa248 !important;
}

.theme-blue .white-1e1d7.highlight-last-move {
    background-color: #c8d0b8 !important;
}
.theme-blue .black-3c85d.highlight-last-move {
    background-color: #6a8e7a !important;
}