/* 主题样式 */
.theme-dark {
    /* EZ-Theme Dark Mode */
    --primary-color: #165DFF;
    /* Keep info color as primary or use a lighter shade if needed */
    --secondary-color: #0E42D2;
    --text-color: rgba(255, 255, 255, 0.9);
    --secondary-text-color: rgba(255, 255, 255, 0.6);
    --bg-color: #171A1D;
    --card-bg: rgba(30, 30, 30, 0.8);
    /* Semi-transparent for glassmorphism */
    --progress-bg: #2c2c2c;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

    --ball-blend-mode: screen;
    /* Visible on dark background */
    --theme-color-rgb: 22, 93, 255;
    /* Same blue balls */
}

.theme-warm {
    --primary-color: #e67e22;
    --secondary-color: #d35400;
    --text-color: #34495e;
    --bg-color: #fde3a7;
    --card-bg: #f5d76e;
    --progress-bg: #f9bf3b;
}

.theme-cool {
    --primary-color: #1abc9c;
    --secondary-color: #16a085;
    --text-color: #34495e;
    --bg-color: #d6f0eb;
    --card-bg: #a7e9e0;
    --progress-bg: #7fdbca;
}

/* 深海蓝主题 */
body.deepsea-theme {
    background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%) !important;
}

.deepsea-theme .container {
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .2);
}

.deepsea-theme .countdown {
    color: #4facfe;
    text-shadow: 0 0 25px rgba(79, 172, 254, .7);
}

.deepsea-theme .countdown::after {
    background: linear-gradient(90deg, transparent, #4facfe, transparent);
}

.deepsea-theme .progress-bar {
    background: linear-gradient(90deg, #1a2980, #26d0ce);
}

/* 日落橙主题 */
body.sunset-theme {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%) !important;
}

.sunset-theme .container {
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .3);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .1);
}

.sunset-theme .countdown {
    color: #ff6b6b;
    text-shadow: 0 0 25px rgba(255, 107, 107, .7);
}

.sunset-theme .progress-bar {
    background: linear-gradient(90deg, #ff9a9e, #ff6b6b);
}

/* 森林绿主题 */
body.forest-theme {
    background: linear-gradient(135deg, #1d976c 0%, #93f9b9 100%) !important;
}

.forest-theme .container {
    background: rgba(255, 255, 255, .15);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .15);
}

.forest-theme .countdown {
    color: #1d976c;
    text-shadow: 0 0 25px rgba(29, 151, 108, .7);
}

.forest-theme .progress-bar {
    background: linear-gradient(90deg, #1d976c, #93f9b9);
}

/* 紫罗兰主题 */
body.violet-theme {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.violet-theme .container {
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .2);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .15);
}

.violet-theme .countdown {
    color: #b860f7;
    text-shadow: 0 0 25px rgba(184, 96, 247, .7);
}

.violet-theme .progress-bar {
    background: linear-gradient(90deg, #667eea, #b860f7);
}

/* 樱花粉主题 */
body.sakura-theme {
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%) !important;
}

.sakura-theme .container {
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .3);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .1);
}

.sakura-theme .countdown {
    color: #ff9a9e;
    text-shadow: 0 0 25px rgba(255, 154, 158, .7);
}

.sakura-theme .progress-bar {
    background: linear-gradient(90deg, #ff9a9e, #fad0c4);
}