/*
 * WebGameBox - 主题变量
 * 每个游戏引用自己的主题色
 */

/* ===== 跳跃挑战 ===== */
.theme-jump {
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
    --theme-color: #667eea;
    --game-bg: linear-gradient(180deg, #87CEEB 0%, #E0F6FF 100%);
}

/* ===== 贪吃蛇 ===== */
.theme-snake {
    background: linear-gradient(180deg, #11998e 0%, #38ef7d 100%);
    --theme-color: #11998e;
    --game-bg: #1a1a2e;
}

/* ===== 拼图游戏 ===== */
.theme-puzzle {
    background: linear-gradient(180deg, #eb3349 0%, #f45c43 100%);
    --theme-color: #eb3349;
    --game-bg: linear-gradient(145deg, #252542, #1e1e38);
}

/* ===== 糖果消消乐 ===== */
.theme-candy {
    background: linear-gradient(180deg, #ff6b6b 0%, #feca57 100%);
    --theme-color: #ff6b6b;
    --game-bg: linear-gradient(145deg, #2d2d44, #1e1e38);
}

/* ===== 数字合成 ===== */
.theme-merge {
    background: linear-gradient(180deg, #8e44ad 0%, #9b59b6 100%);
    --theme-color: #8e44ad;
    --game-bg: linear-gradient(145deg, #2d2d44, #1e1e38);
}

/* ===== 塔防守卫 ===== */
.theme-tower {
    background: linear-gradient(180deg, #27ae60 0%, #2ecc71 100%);
    --theme-color: #27ae60;
    --game-bg: linear-gradient(145deg, #2d2d44, #1e1e38);
}

/* ===== 太空大战 ===== */
.theme-shooter {
    background: linear-gradient(180deg, #2c3e50 0%, #3498db 100%);
    --theme-color: #2c3e50;
    --game-bg: #0a0a15;
}

/* ===== 餐厅大亨 ===== */
.theme-tycoon {
    background: linear-gradient(180deg, #e17055 0%, #fdcb6e 100%);
    --theme-color: #e17055;
    --game-bg: linear-gradient(145deg, #2d2d44, #1e1e38);
}

/* ===== 通用按钮颜色 ===== */
.theme-jump .modal-screen button,
.theme-jump .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #667eea, #764ba2);
}

.theme-snake .modal-screen button,
.theme-snake .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #11998e, #38ef7d);
}

.theme-puzzle .modal-screen button,
.theme-puzzle .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #eb3349, #f45c43);
}

.theme-candy .modal-screen button,
.theme-candy .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #ff6b6b, #feca57);
}

.theme-merge .modal-screen button,
.theme-merge .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #8e44ad, #9b59b6);
}

.theme-tower .modal-screen button,
.theme-tower .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #27ae60, #2ecc71);
}

.theme-shooter .modal-screen button,
.theme-shooter .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.theme-tycoon .modal-screen button,
.theme-tycoon .game-controls .ctrl-btn:active {
    background: linear-gradient(135deg, #e17055, #fdcb6e);
}