/**
 * 暗色主题
 */

[data-theme="dark"],
.theme-dark {
  /* ========== 背景色 ========== */
  --bg-primary: #0d0d0d;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #16213e;
  --bg-card: #1f1f1f;
  --bg-card-hover: #2a2a2a;
  --bg-elevated: #252525;
  --bg-input: #1a1a1a;
  --bg-overlay: rgba(0, 0, 0, 0.7);

  /* ========== 文字色 ========== */
  --text-primary: #ffffff;
  --text-secondary: #b0b0b0;
  --text-tertiary: #808080;
  --text-muted: #606060;
  --text-inverse: #0d0d0d;

  /* ========== 边框色 ========== */
  --border-primary: rgba(255, 255, 255, 0.1);
  --border-secondary: rgba(255, 255, 255, 0.05);
  --border-focus: var(--primary);

  /* ========== 阴影（暗色主题增强） ========== */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 20px rgba(233, 30, 99, 0.3);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.5);

  /* ========== 滚动条 ========== */
  --scrollbar-track: #1a1a1a;
  --scrollbar-thumb: #404040;
  --scrollbar-thumb-hover: #505050;

  /* ========== 特殊元素 ========== */
  --skeleton-base: #2a2a2a;
  --skeleton-highlight: #3a3a3a;
  --divider: rgba(255, 255, 255, 0.08);
  --backdrop-blur: blur(10px);
}

/* 默认使用暗色主题 */
:root {
  --bg-primary: #0d0d0d;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #16213e;
  --bg-card: #1f1f1f;
  --bg-card-hover: #2a2a2a;
  --bg-elevated: #252525;
  --bg-input: #1a1a1a;
  --bg-overlay: rgba(0, 0, 0, 0.7);

  --text-primary: #ffffff;
  --text-secondary: #b0b0b0;
  --text-tertiary: #808080;
  --text-muted: #606060;
  --text-inverse: #0d0d0d;

  --border-primary: rgba(255, 255, 255, 0.1);
  --border-secondary: rgba(255, 255, 255, 0.05);
  --border-focus: var(--primary);

  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 20px rgba(233, 30, 99, 0.3);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.5);

  --scrollbar-track: #1a1a1a;
  --scrollbar-thumb: #404040;
  --scrollbar-thumb-hover: #505050;

  --skeleton-base: #2a2a2a;
  --skeleton-highlight: #3a3a3a;
  --divider: rgba(255, 255, 255, 0.08);
  --backdrop-blur: blur(10px);
}