/**
 * 浅色主题
 */

[data-theme="light"],
.theme-light {
  /* ========== 背景色 ========== */
  --bg-primary: #f5f5f5;
  --bg-secondary: #ffffff;
  --bg-tertiary: #fafafa;
  --bg-card: #ffffff;
  --bg-card-hover: #f8f8f8;
  --bg-elevated: #ffffff;
  --bg-input: #f0f0f0;
  --bg-overlay: rgba(0, 0, 0, 0.5);

  /* ========== 文字色 ========== */
  --text-primary: #1a1a1a;
  --text-secondary: #666666;
  --text-tertiary: #888888;
  --text-muted: #aaaaaa;
  --text-inverse: #ffffff;

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

  /* ========== 阴影（浅色主题柔和） ========== */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-glow: 0 0 20px rgba(233, 30, 99, 0.15);
  --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.12);

  /* ========== 滚动条 ========== */
  --scrollbar-track: #f0f0f0;
  --scrollbar-thumb: #c0c0c0;
  --scrollbar-thumb-hover: #a0a0a0;

  /* ========== 特殊元素 ========== */
  --skeleton-base: #e0e0e0;
  --skeleton-highlight: #f0f0f0;
  --divider: rgba(0, 0, 0, 0.08);
  --backdrop-blur: blur(10px);
}