/* ========================================
   牌桌配色主题
   德国常见的真实牌桌颜色
   ======================================== */

/* 0. 经典绿色 (Classic Green) - 默认 */
body.theme-classic-green,
body:not([class*="theme-"]) {
    --table-felt-primary: #1a4d2e;
    --table-felt-dark: #0f3d24;
    --table-felt-light: #245c3a;
    --table-pattern: #163d27;
}

/* 1. 普鲁士蓝 (Prussian Blue) */
body.theme-prussian-blue {
    --table-felt-primary: #003153;
    --table-felt-dark: #002040;
    --table-felt-light: #004466;
    --table-pattern: #002a4a;
}

/* 2. 赌场红色 (Casino Red/Burgundy) */
body.theme-casino-red {
    --table-felt-primary: #8B1538;
    --table-felt-dark: #6B0F2A;
    --table-felt-light: #A81B44;
    --table-pattern: #751232;
}

/* 3. 皇家蓝色 (Royal Blue) */
body.theme-royal-blue {
    --table-felt-primary: #1e3a5f;
    --table-felt-dark: #142842;
    --table-felt-light: #2a4d7c;
    --table-pattern: #193350;
}

/* 4. 勃艮第棕色 (Burgundy Brown) */
body.theme-burgundy-brown {
    --table-felt-primary: #5C3317;
    --table-felt-dark: #3E2211;
    --table-felt-light: #7A4522;
    --table-pattern: #4A2914;
}

/* 5. 森林绿色 (Forest Green) - 深绿 */
body.theme-forest-green {
    --table-felt-primary: #0B3B0B;
    --table-felt-dark: #062806;
    --table-felt-light: #145214;
    --table-pattern: #0A3109;
}

/* 6. 海军蓝 (Navy Blue) */
body.theme-navy-blue {
    --table-felt-primary: #1a2332;
    --table-felt-dark: #0f1620;
    --table-felt-light: #243040;
    --table-pattern: #1a2937;
}

/* 7. 橄榄绿 (Olive Green) */
body.theme-olive-green {
    --table-felt-primary: #4a5d23;
    --table-felt-dark: #3a4a1a;
    --table-felt-light: #5a7030;
    --table-pattern: #42531f;
}

/* 应用背景纹理 */
body[class*="theme-"] {
    background: var(--table-felt-primary);
    background-image: 
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 2px,
            var(--table-pattern) 2px,
            var(--table-pattern) 4px
        ),
        repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 2px,
            var(--table-pattern) 2px,
            var(--table-pattern) 4px
        ),
        radial-gradient(
            ellipse at center,
            var(--table-felt-light) 0%,
            var(--table-felt-primary) 50%,
            var(--table-felt-dark) 100%
        );
    transition: background 0.5s ease;
}

/* 主题预览色块（用于设置界面） */
.theme-preview {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    margin-right: 8px;
    vertical-align: middle;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.theme-preview.prussian-blue {
    background: #003153;
}

.theme-preview.classic-green {
    background: #1a4d2e;
}

.theme-preview.casino-red {
    background: #8B1538;
}

.theme-preview.royal-blue {
    background: #1e3a5f;
}

.theme-preview.burgundy-brown {
    background: #5C3317;
}

.theme-preview.forest-green {
    background: #0B3B0B;
}

.theme-preview.navy-blue {
    background: #1a2332;
}

.theme-preview.olive-green {
    background: #4a5d23;
}

/* 设置对话框中的主题选择器增强 */
.modal-body .form-check-label {
    display: flex;
    align-items: center;
    padding: 8px 0;
    cursor: pointer;
    transition: all 0.2s ease;
}

.modal-body .form-check-label:hover {
    padding-left: 4px;
}

.modal-body .form-check-input:checked + .form-check-label {
    font-weight: 600;
    color: var(--bs-primary);
}