/*
 * MoonTV 多主题定义
 * 通过 <html data-theme="..."> 切换；变量名与 style.css :root 保持一致。
 * 新增主题：在 includes/themes.php 注册 id，并在此添加对应 [data-theme="id"] 块。
 */

/* ---------- dark 暗夜紫（默认，与 :root 一致） ---------- */
[data-theme="dark"] {
    --primary-color: #6366f1;
    --secondary-color: #8b5cf6;
    --success-color: #10b981;
    --danger-color: #ef4444;
    --warning-color: #f59e0b;
    --dark-bg: #1a1a2e;
    --card-bg: #16213e;
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    --border-color: #2d3748;
    --bg-1: #1a1a2e;
    --bg-2: #16213e;
    --navbar-bg: rgba(22, 33, 62, 0.95);
}

/* ---------- emerald 翡翠绿 ---------- */
[data-theme="emerald"] {
    --primary-color: #10b981;
    --secondary-color: #34d399;
    --success-color: #10b981;
    --danger-color: #f87171;
    --warning-color: #fbbf24;
    --dark-bg: #0a1512;
    --card-bg: #0f201a;
    --text-primary: #e8f5f0;
    --text-secondary: #7fa99b;
    --border-color: #1d3a30;
    --bg-1: #0a1512;
    --bg-2: #0f201a;
    --navbar-bg: rgba(15, 32, 26, 0.95);
}

/* ---------- sunset 暖阳橙 ---------- */
[data-theme="sunset"] {
    --primary-color: #f97316;
    --secondary-color: #fb923c;
    --success-color: #4ade80;
    --danger-color: #ef4444;
    --warning-color: #fbbf24;
    --dark-bg: #1a1210;
    --card-bg: #251913;
    --text-primary: #fdf3ec;
    --text-secondary: #b0968a;
    --border-color: #3d2a20;
    --bg-1: #1a1210;
    --bg-2: #251913;
    --navbar-bg: rgba(37, 25, 19, 0.95);
}

/* ---------- light 晨曦白 ---------- */
[data-theme="light"] {
    --primary-color: #6366f1;
    --secondary-color: #8b5cf6;
    --success-color: #059669;
    --danger-color: #dc2626;
    --warning-color: #d97706;
    --dark-bg: #e2e5f0;
    --card-bg: #ffffff;
    --text-primary: #1f2433;
    --text-secondary: #5d6579;
    --border-color: #d5d9e8;
    --bg-1: #f5f6fa;
    --bg-2: #eceefc;
    --navbar-bg: rgba(255, 255, 255, 0.95);
}

/* 浅色主题局部微调：阴影与覆盖层变浅，保证观感 */
[data-theme="light"] .navbar {
    box-shadow: 0 2px 8px rgba(31, 36, 51, 0.08);
}

[data-theme="light"] .search-input-group {
    box-shadow: 0 10px 30px rgba(31, 36, 51, 0.10);
}

[data-theme="light"] .continue-episode {
    background: rgba(31, 36, 51, 0.78);
}
