/* 亮色主题 (Claude 风格) - 语义化颜色令牌 */
[data-theme="light"] {
  --bg-base: #f4f5f7;
  --bg-primary: #ffffff;
  --bg-secondary: #eef1f5;
  --bg-surface: #ffffff;
  --bg-elevated: #fafbfc;
  --bg-deep: #e8ecf3;
  --bg-sunken: #edf1f6;
  --bg-hover: #e5eaf2;
  --bg-gradient-main: radial-gradient(840px 520px at 85% -10%, rgba(0, 122, 255, 0.12), transparent 64%), linear-gradient(180deg, #f7f8fa 0%, #eef1f5 100%);
  --bg-gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 246, 250, 0.88) 100%);
  --border-primary: #d7dde7;
  --border-secondary: #c8d0de;
  --border-subtle: #e4e9f1;
  --text-primary: #111827;
  --text-secondary: #344054;
  --text-tertiary: #5f6b7f;
  --text-muted: #7e8aa0;
  --scrollbar-track: #e9edf3;
  --scrollbar-thumb: #c0c9d8;
  --scrollbar-thumb-hover: #a9b4c8;
  --glass-bg: rgba(255, 255, 255, 0.78);
  --glass-border: rgba(17, 24, 39, 0.08);
  --nav-active-bg: rgba(0, 122, 255, 0.12);
  --nav-hover-bg: rgba(17, 24, 39, 0.04);
  --btn-primary-bg: #007aff;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #0a84ff;
  --btn-primary-shadow: rgba(0, 122, 255, 0.2);
  --btn-selected-bg: #0a84ff;
  --btn-selected-border: #0a84ff;
  --overlay-heavy: rgba(0, 0, 0, 0.6);
  --overlay-medium: rgba(0, 0, 0, 0.4);
  --overlay-light: rgba(0, 0, 0, 0.2);
  --overlay-full: rgba(0, 0, 0, 0.85);
  --overlay-border: rgba(0, 0, 0, 0.1);
  --selection-bg: rgba(0, 122, 255, 0.22);
  /* 主题强调色 (accent) - Claude 暖棕/琥珀色调 */
  --accent: #007aff;
  --accent-hover: #0a84ff;
  --accent-muted: #5ac8fa;
  --accent-bg: rgba(0, 122, 255, 0.12);
  --accent-bg-hover: rgba(0, 122, 255, 0.2);
  --accent-border: rgba(0, 122, 255, 0.34);
  --accent-text: #0064d1;
  --accent-text-hover: #0057b8;
  --accent-on: #ffffff;
  --accent-shadow: rgba(0, 122, 255, 0.2);
  --accent-electric: #5ac8fa;
  --accent-neon-pink: #ff375f;
  /* 开关/Toggle */
  --toggle-active: #007aff;
  --toggle-inactive: var(--border-secondary);
  --toggle-knob: #ffffff;
  /* 状态色: 成功 */
  --success: #34c759;
  --success-text: #248a3d;
  --success-bg: rgba(52, 199, 89, 0.14);
  --success-border: rgba(52, 199, 89, 0.26);
  /* 状态色: 错误/危险 */
  --error: #ff3b30;
  --error-text: #c1271d;
  --error-bg: rgba(255, 59, 48, 0.1);
  --error-border: rgba(255, 59, 48, 0.24);
  --error-hover-bg: rgba(255, 59, 48, 0.12);
  --error-hover-bg-strong: rgba(255, 59, 48, 0.2);
  /* 状态色: 警告 */
  --warning: #ff9f0a;
  --warning-text: #b56a00;
  --warning-bg: rgba(255, 159, 10, 0.12);
  --warning-border: rgba(255, 159, 10, 0.3);
  /* 状态色: 信息 */
  --info: #5ac8fa;
  --info-text: #0b78a8;
  --info-bg: rgba(90, 200, 250, 0.14);
  --info-border: rgba(90, 200, 250, 0.3);
  /* 辅助标记色: 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);
  --font-ui-body: 'SF Pro Text', 'SF Pro Display', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
  --font-ui-mono: 'SF Mono', 'JetBrains Mono', 'Menlo', monospace;
  --text-size-micro: 11px;
  --text-size-kicker: 12px;
  --text-size-label: 13px;
  --text-size-body: 15px;
  --text-size-title: 17px;
  --tracking-kicker: 0.02em;
  --tracking-label: 0.01em;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --duration-fast: 160ms;
  --duration-base: 220ms;
  --touch-target-min: 44px;
}