/* ============================================================
   主题变量定义
   默认（:root / [data-theme=hacker]）= 黑客主题
   [data-theme=influencer] = 网红主题覆盖
   ============================================================ */
:root,
[data-theme="hacker"] {
  --bg: #0a0e14;
  --bg-elev: #11161f;
  --bg-header: #06090f;
  --bg-input: #0d1117;
  --text: #c9d1d9;
  --text-strong: #e6edf3;
  --text-muted: #7d8590;
  --header-text: #c9d1d9;
  --primary: #39ff14;
  --primary-soft: rgba(57, 255, 20, 0.12);
  --primary-hover: #5dff42;
  --border: #21262d;
  --border-strong: #30363d;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.6);
  --radius: 4px;
  --font-base: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", Consolas, "Courier New", monospace;
  --font-head: var(--font-base);
  --hero-overlay-from: rgba(5, 8, 12, 0.94);
  --hero-overlay-to: rgba(5, 8, 12, 0.62);
  --code-bg: #0d1117;
  --code-text: #c9d1d9;
  --glow: 0 0 0 1px rgba(57, 255, 20, 0.4), 0 0 18px rgba(57, 255, 20, 0.15);
  --radius-lg: 10px;
  --scroll-thumb: #2e3540;
  --scroll-thumb-hover: #39ff14;
  --selection-bg: rgba(57, 255, 20, 0.28);
  --card-hover-shadow: 0 10px 32px rgba(0, 0, 0, 0.7), var(--glow);
}

[data-theme="influencer"] {
  --bg: #f5f5f5;
  --bg-elev: #ffffff;
  --bg-header: #1a1a1a;
  --bg-input: #fafafa;
  --text: #333333;
  --text-strong: #222222;
  --text-muted: #999999;
  --header-text: #ffffff;
  --primary: #e8506e;
  --primary-soft: rgba(232, 80, 110, 0.1);
  --primary-hover: #d13e5a;
  --border: #eeeeee;
  --border-strong: #e0e0e0;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.12);
  --radius: 4px;
  --font-base: "SF-UI-Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-head: var(--font-base);
  --hero-overlay-from: rgba(0, 0, 0, 0.75);
  --hero-overlay-to: rgba(0, 0, 0, 0.55);
  --code-bg: #2b2b2b;
  --code-text: #f0f0f0;
  --glow: none;
  --radius-lg: 16px;
  --scroll-thumb: #e0c3cd;
  --scroll-thumb-hover: #e8506e;
  --selection-bg: rgba(232, 80, 110, 0.25);
  --card-hover-shadow: 0 10px 32px rgba(232, 80, 110, 0.14);
}