/* 亮色主题 (Claude 风格) - 语义化颜色令牌 */
[data-theme="light"] {
  --bg-base: #f3f6ff;
  --bg-primary: #ffffff;
  --bg-secondary: #f8faff;
  --bg-surface: #ffffff;
  --bg-elevated: #eef3ff;
  --bg-deep: #e8eefc;
  --bg-sunken: #f5f8ff;
  --bg-hover: #dde6fb;
  --border-primary: #d7e1f7;
  --border-secondary: #bcccf0;
  --border-subtle: #e7edfb;
  --text-primary: #111a2f;
  --text-secondary: #273657;
  --text-tertiary: #4b5f86;
  --text-muted: #7083a8;
  --scrollbar-track: #e8eefc;
  --scrollbar-thumb: #bcccf0;
  --scrollbar-thumb-hover: #9eb3e6;
  --glass-bg: rgba(255, 255, 255, 0.82);
  --glass-border: rgba(17, 26, 47, 0.08);
  --nav-active-bg: rgba(111, 141, 255, 0.14);
  --nav-hover-bg: rgba(111, 141, 255, 0.08);
  --btn-primary-bg: #1f4ed0;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #1a43b3;
  --btn-download-bg: #111111;
  --btn-download-bg-hover: #1a1a1a;
  --btn-download-text: #ffffff;
  --btn-primary-shadow: rgba(31, 78, 208, 0.24);
  --btn-selected-bg: #dde6fb;
  --btn-selected-border: #bcccf0;
  --overlay-heavy: rgba(9, 19, 42, 0.5);
  --overlay-medium: rgba(9, 19, 42, 0.36);
  --overlay-light: rgba(9, 19, 42, 0.2);
  --overlay-full: rgba(9, 19, 42, 0.78);
  --overlay-border: rgba(17, 26, 47, 0.12);
  --selection-bg: rgba(31, 78, 208, 0.18);
  /* 主题强调色 (accent) - Claude 暖棕/琥珀色调 */
  --accent: #1f4ed0;
  --accent-hover: #1a43b3;
  --accent-muted: #335fdc;
  --accent-bg: rgba(31, 78, 208, 0.12);
  --accent-bg-hover: rgba(31, 78, 208, 0.2);
  --accent-border: rgba(31, 78, 208, 0.34);
  --accent-text: #244fbf;
  --accent-text-hover: #1a3f99;
  --accent-on: #ffffff;
  --accent-btn-text: #111111;
  --accent-shadow: rgba(31, 78, 208, 0.25);
  /* 开关/Toggle */
  --toggle-active: #1f4ed0;
  --toggle-inactive: var(--border-secondary);
  --toggle-knob: #ffffff;
  /* 状态色: 成功 */
  --success: #16a46d;
  --success-text: #0f8457;
  --success-bg: rgba(22, 164, 109, 0.1);
  --success-border: rgba(22, 164, 109, 0.28);
  /* 状态色: 错误/危险 */
  --error: #dd3f52;
  --error-text: #b7293b;
  --error-bg: rgba(221, 63, 82, 0.08);
  --error-border: rgba(221, 63, 82, 0.24);
  --error-hover-bg: rgba(221, 63, 82, 0.12);
  --error-hover-bg-strong: rgba(221, 63, 82, 0.18);
  /* 状态色: 警告 */
  --warning: #d28a19;
  --warning-text: #ac6c07;
  --warning-bg: rgba(210, 138, 25, 0.1);
  --warning-border: rgba(210, 138, 25, 0.28);
  /* 状态色: 信息 */
  --info: #2a7be8;
  --info-text: #1e63c0;
  --info-bg: rgba(42, 123, 232, 0.1);
  --info-border: rgba(42, 123, 232, 0.24);
  /* 辅助标记色: purple (视频提示词) */
  --tag-purple: #7c3aed;
  --tag-purple-bg: rgba(124, 58, 237, 0.08);
  --tag-purple-border: rgba(124, 58, 237, 0.2);
  --tag-purple-hover: rgba(124, 58, 237, 0.08);
}