/* ================================================================
   统一主题变量 — 所有页面共用
   暗色为默认，body[data-theme="light"] 为亮色
   强调色按页面分类: .pg-mc/.pg-admin/.pg-login/.pg-gallery 绿色系
                     .pg-home/.pg-games 蓝色系
   ================================================================ */

/* ---------- 共享变量（暗色默认） ---------- */
:root {
  --bg: #0b0b14;
  --panel: #161622;
  --panel-hover: #1e1e2e;
  --panel-2: #161c28;
  --border: #2e2e44;
  --border-light: #3e3e58;
  --text: #eaeaf4;
  --text-secondary: #b4bbd8;
  --text-muted: #8888a8;
  --danger: #cc3a3a;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.20);
  --shadow-md: 0 8px 28px rgba(0,0,0,0.35);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --btn-primary-bg: #3cb85e;
  --btn-primary-shadow: #1e7a3a;
  --btn-primary-text: #071208;
  --btn-secondary-bg: #28283c;
  --btn-secondary-shadow: #18182a;
  --btn-secondary-text: #eaeaf4;
  --badge-bg: rgba(78,200,110,0.1);
  --badge-text: #5adb7a;
  --input-bg: rgba(255,255,255,0.035);
  --input-border: #2e2e44;
  --input-focus: #4ec86e;
  --overlay: rgba(0,0,0,0.55);
  --scanline: rgba(255,255,255,0.016);
  --noise-light: rgba(255,255,255,0.009);
}

/* ---------- 亮色覆盖 ---------- */
body[data-theme="light"] {
  --bg: #eef0f7;
  --panel: rgba(255, 255, 255, 0.88);
  --panel-hover: rgba(255, 255, 255, 0.98);
  --panel-2: #e4e0d4;
  --border: rgba(0, 0, 0, 0.08);
  --border-light: #c4a46a;
  --text: #151828;
  --text-secondary: #3d4258;
  --text-muted: #787d95;
  --danger: #a82828;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 8px 28px rgba(0,0,0,0.08);
  --shadow-lg: 0 18px 44px rgba(0,0,0,0.12);
  --btn-primary-bg: #40b838;
  --btn-primary-shadow: #207020;
  --btn-primary-text: #f0f4ec;
  --btn-secondary-bg: #b4acaa;
  --btn-secondary-shadow: #80786e;
  --btn-secondary-text: #242418;
  --badge-bg: rgba(46,138,40,0.08);
  --badge-text: #2e8a28;
  --input-bg: rgba(0,0,0,0.025);
  --input-border: #a88e58;
  --input-focus: #2e8a28;
  --overlay: rgba(255,255,255,0.25);
  --scanline: rgba(0,0,0,0.012);
  --noise-light: rgba(0,0,0,0.008);
}

/* ---------- 强调色：MC 相关页面（绿色系） ---------- */
.pg-mc, .pg-admin, .pg-login, .pg-gallery {
  --accent: #4ec86e;
  --accent-glow: rgba(78,200,110,0.22);
  --accent-2: #f0a030;
  --accent-2-glow: rgba(240,160,48,0.18);
  --glow-1: rgba(99,102,241,0.26);
  --glow-2: rgba(14,165,233,0.18);
  --glow-3: rgba(139,92,246,0.16);
}
body[data-theme="light"].pg-mc,
body[data-theme="light"].pg-admin,
body[data-theme="light"].pg-login,
body[data-theme="light"].pg-gallery {
  --accent: #2e8a28;
  --accent-glow: rgba(46,138,40,0.16);
  --accent-2: #b07018;
  --accent-2-glow: rgba(176,112,24,0.14);
  --glow-1: rgba(92,95,239,0.18);
  --glow-2: rgba(14,165,233,0.14);
  --glow-3: rgba(139,92,246,0.10);
}

/* ---------- 强调色：Home / 小游戏（蓝色系） ---------- */
.pg-home, .pg-games {
  --accent: #8b8ff8;
  --accent-glow: rgba(139,143,248,0.26);
  --accent-2: #40c8ff;
  --accent-2-glow: none;
  --glow-1: rgba(99,102,241,0.26);
  --glow-2: rgba(14,165,233,0.18);
  --glow-3: rgba(139,92,246,0.16);
}
body[data-theme="light"].pg-home,
body[data-theme="light"].pg-games {
  --accent: #5c5fef;
  --accent-glow: rgba(92,95,239,0.22);
  --accent-2: #0b9ed9;
  --accent-2-glow: none;
  --glow-1: rgba(92,95,239,0.18);
  --glow-2: rgba(14,165,233,0.14);
  --glow-3: rgba(139,92,246,0.10);
}