/**
 * 影视前台多套主题皮肤样式库 (Luna Themes)
 * 采用原生 CSS 变量实现零刷新秒级无缝换肤
 */

:root {
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --transition-smooth: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
}

/* ================= 1. Netflix 经典暗夜黑红 (Default) ================= */
[data-theme="netflix"] {
  --bg-main: #141414;
  --bg-surface: #181818;
  --bg-card: #202020;
  --bg-overlay: rgba(20, 20, 20, 0.85);
  --bg-glass: rgba(24, 24, 24, 0.75);

  --primary: #e50914;
  --primary-hover: #f40612;
  --primary-rgb: 229, 9, 20;

  --text-main: #ffffff;
  --text-muted: #aaaaaa;
  --text-subtle: #777777;

  --border-color: rgba(255, 255, 255, 0.1);
  --border-focus: rgba(229, 9, 20, 0.5);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 20px rgba(229, 9, 20, 0.35);

  --badge-bg: rgba(229, 9, 20, 0.2);
  --badge-text: #ff4d58;
}

/* ================= 2. Disney+ 深海星空蓝 ================= */
[data-theme="disney"] {
  --bg-main: #0c111b;
  --bg-surface: #131a27;
  --bg-card: #1b2436;
  --bg-overlay: rgba(12, 17, 27, 0.88);
  --bg-glass: rgba(19, 26, 39, 0.8);

  --primary: #0072d2;
  --primary-hover: #0084f7;
  --primary-rgb: 0, 114, 210;

  --text-main: #f9f9f9;
  --text-muted: #99a6ba;
  --text-subtle: #6c788c;

  --border-color: rgba(255, 255, 255, 0.08);
  --border-focus: rgba(0, 114, 210, 0.5);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 24px rgba(0, 114, 210, 0.4);

  --badge-bg: rgba(0, 114, 210, 0.22);
  --badge-text: #5ec0ff;
}

/* ================= 3. Cyberpunk 赛博朋克霓虹 ================= */
[data-theme="cyberpunk"] {
  --bg-main: #0c0817;
  --bg-surface: #150e28;
  --bg-card: #1f143d;
  --bg-overlay: rgba(12, 8, 23, 0.9);
  --bg-glass: rgba(21, 14, 40, 0.85);

  --primary: #bd00ff;
  --primary-hover: #d236ff;
  --primary-rgb: 189, 0, 255;

  --text-main: #f0e6ff;
  --text-muted: #a694c9;
  --text-subtle: #79669e;

  --border-color: rgba(189, 0, 255, 0.25);
  --border-focus: rgba(0, 240, 255, 0.8);

  --shadow-sm: 0 2px 10px rgba(189, 0, 255, 0.2);
  --shadow-md: 0 4px 25px rgba(189, 0, 255, 0.35);
  --shadow-glow: 0 0 25px rgba(0, 240, 255, 0.5);

  --badge-bg: rgba(0, 240, 255, 0.18);
  --badge-text: #00f0ff;
}

/* ================= 4. Emerald 极光翡翠 ================= */
[data-theme="emerald"] {
  --bg-main: #09120e;
  --bg-surface: #0f1c16;
  --bg-card: #162720;
  --bg-overlay: rgba(9, 18, 14, 0.88);
  --bg-glass: rgba(15, 28, 22, 0.8);

  --primary: #10b981;
  --primary-hover: #059669;
  --primary-rgb: 16, 185, 129;

  --text-main: #ecfdf5;
  --text-muted: #86bfa8;
  --text-subtle: #578c78;

  --border-color: rgba(16, 185, 129, 0.15);
  --border-focus: rgba(16, 185, 129, 0.5);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 20px rgba(16, 185, 129, 0.35);

  --badge-bg: rgba(16, 185, 129, 0.2);
  --badge-text: #34d399;
}

/* ================= 5. Paper 极简天青 (浅色模式) ================= */
[data-theme="paper"] {
  --bg-main: #f5f7fb;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-overlay: rgba(245, 247, 251, 0.9);
  --bg-glass: rgba(255, 255, 255, 0.85);

  --primary: #2563eb;
  --primary-hover: #1d4ed8;
  --primary-rgb: 37, 99, 235;

  --text-main: #0f172a;
  --text-muted: #475569;
  --text-subtle: #94a3b8;

  --border-color: rgba(0, 0, 0, 0.08);
  --border-focus: rgba(37, 99, 235, 0.4);

  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-glow: 0 0 16px rgba(37, 99, 235, 0.25);

  --badge-bg: rgba(37, 99, 235, 0.1);
  --badge-text: #2563eb;
}

/* ================= 6. AMOLED 极致纯黑 ================= */
[data-theme="amoled"] {
  --bg-main: #000000;
  --bg-surface: #0a0a0a;
  --bg-card: #121212;
  --bg-overlay: rgba(0, 0, 0, 0.94);
  --bg-glass: rgba(10, 10, 10, 0.88);

  --primary: #ffffff;
  --primary-hover: #e0e0e0;
  --primary-rgb: 255, 255, 255;

  --text-main: #ffffff;
  --text-muted: #a3a3a3;
  --text-subtle: #666666;

  --border-color: rgba(255, 255, 255, 0.15);
  --border-focus: rgba(255, 255, 255, 0.6);

  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.8);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.95);
  --shadow-glow: 0 0 18px rgba(255, 255, 255, 0.25);

  --badge-bg: rgba(255, 255, 255, 0.15);
  --badge-text: #ffffff;
}

/* ================= 7. Daylight 晨曦暖阳 (白天模式) ================= */
[data-theme="daylight"] {
  --bg-main: #f8fafc;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-overlay: rgba(248, 250, 252, 0.92);
  --bg-glass: rgba(255, 255, 255, 0.88);

  --primary: #f59e0b;
  --primary-hover: #d97706;
  --primary-rgb: 245, 158, 11;

  --text-main: #0f172a;
  --text-muted: #475569;
  --text-subtle: #94a3b8;

  --border-color: rgba(0, 0, 0, 0.08);
  --border-focus: rgba(245, 158, 11, 0.45);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 18px rgba(0, 0, 0, 0.08);
  --shadow-glow: 0 0 18px rgba(245, 158, 11, 0.3);

  --badge-bg: rgba(245, 158, 11, 0.12);
  --badge-text: #d97706;
}

/* ================= 8. Sakura 樱花粉白 (白天模式) ================= */
[data-theme="sakura"] {
  --bg-main: #fff5f7;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-overlay: rgba(255, 245, 247, 0.92);
  --bg-glass: rgba(255, 255, 255, 0.88);

  --primary: #ec4899;
  --primary-hover: #db2777;
  --primary-rgb: 236, 72, 153;

  --text-main: #1e293b;
  --text-muted: #64748b;
  --text-subtle: #94a3b8;

  --border-color: rgba(236, 72, 153, 0.14);
  --border-focus: rgba(236, 72, 153, 0.45);

  --shadow-sm: 0 2px 8px rgba(236, 72, 153, 0.06);
  --shadow-md: 0 4px 18px rgba(236, 72, 153, 0.1);
  --shadow-glow: 0 0 18px rgba(236, 72, 153, 0.35);

  --badge-bg: rgba(236, 72, 153, 0.12);
  --badge-text: #db2777;
}