/**
 * YO冥想 - 主题 CSS 变量
 * 由 theme-switcher.js 动态应用
 */

/* 夜深 - 系统主题 */
.theme-night,
body.theme-night,
.theme-night body {
  --bg-primary: #0f0f1a;
  --bg-secondary: #1a1a2e;
  --bg-card: rgba(26,26,46,0.8);
  --text-primary: #e0e0e0;
  --text-secondary: #a0a0a0;
  --accent: #7BA88A;
  --accent-light: rgba(123,168,138,0.2);
  --border: rgba(255,255,255,0.1);
  --shadow: 0 4px 20px rgba(0,0,0,0.3);
  --input-bg: rgba(255,255,255,0.05);
  --modal-bg: rgba(26,26,46,0.95);
}

/* 晨光 - 系统主题 */
.theme-light,
body.theme-light,
.theme-light body {
  --bg-primary: #f8f9f5;
  --bg-secondary: #e8f0e8;
  --bg-card: rgba(255,255,255,0.9);
  --text-primary: #2c3e50;
  --text-secondary: #7f8c8d;
  --accent: #5B8C6A;
  --accent-light: rgba(91,140,106,0.2);
  --border: rgba(0,0,0,0.1);
  --shadow: 0 4px 20px rgba(0,0,0,0.1);
  --input-bg: rgba(0,0,0,0.02);
  --modal-bg: rgba(255,255,255,0.98);
}

/* 星空紫 - 会员专属 */
.theme-starry-purple,
body.theme-starry-purple,
.theme-starry-purple body {
  --bg-primary: #1a0e2e;
  --bg-secondary: #2d1b4e;
  --bg-card: rgba(45,27,78,0.8);
  --text-primary: #e8e0f0;
  --text-secondary: #b0a0c0;
  --accent: #9b7fed;
  --accent-light: rgba(155,127,237,0.2);
  --border: rgba(155,127,237,0.3);
  --shadow: 0 4px 20px rgba(26,14,46,0.5);
  --input-bg: rgba(155,127,237,0.05);
  --modal-bg: rgba(45,27,78,0.95);
}

/* 药师佛 - 会员专属 */
.theme-medicine-buddha,
body.theme-medicine-buddha,
.theme-medicine-buddha body {
  --bg-primary: #0a1628;
  --bg-secondary: #1a2a3e;
  --bg-card: rgba(26,42,62,0.8);
  --text-primary: #e0f0ff;
  --text-secondary: #7baac0;
  --accent: #4fc3f7;
  --accent-light: rgba(79,195,247,0.2);
  --border: rgba(79,195,247,0.3);
  --shadow: 0 4px 20px rgba(10,22,40,0.5);
  --input-bg: rgba(79,195,247,0.05);
  --modal-bg: rgba(26,42,62,0.95);
}

/* 薄荷绿 - 会员专属 */
.theme-mint-green,
body.theme-mint-green,
.theme-mint-green body {
  --bg-primary: #f1f8e9;
  --bg-secondary: #e8f5e9;
  --bg-card: rgba(255,255,255,0.9);
  --text-primary: #2e3e2e;
  --text-secondary: #6b7b6b;
  --accent: #66bb6a;
  --accent-light: rgba(102,187,106,0.2);
  --border: rgba(102,187,106,0.3);
  --shadow: 0 4px 20px rgba(0,0,0,0.1);
  --input-bg: rgba(102,187,106,0.05);
  --modal-bg: rgba(255,255,255,0.98);
}

/* 应用变量（全局） */
body {
  background-color: var(--bg-primary, #0f0f1a);
  color: var(--text-primary, #e0e0e0);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 卡片 */
.card,
.modal-content,
.panel {
  background-color: var(--bg-card, rgba(26,26,46,0.8));
  border: 1px solid var(--border, rgba(255,255,255,0.1));
  box-shadow: var(--shadow, 0 4px 20px rgba(0,0,0,0.3));
}

/* 按钮 */
.btn-primary {
  background: var(--accent, #7BA88A);
  color: #fff;
}

.btn-primary:hover {
  background: var(--accent, #7BA88A);
  opacity: 0.9;
}

/* 输入框 */
input,
textarea,
select {
  background-color: var(--input-bg, rgba(255,255,255,0.05));
  color: var(--text-primary, #e0e0e0);
  border: 1px solid var(--border, rgba(255,255,255,0.1));
}

/* 链接 */
a {
  color: var(--accent, #7BA88A);
}

a:hover {
  opacity: 0.8;
}

/* 模态框 */
.modal-mask,
.modal-overlay {
  background: rgba(0,0,0,0.5);
}

.modal-content {
  background-color: var(--modal-bg, rgba(26,26,46,0.95));
}