/* 暗色主题 - 语义化颜色令牌 */
[data-theme="dark"] {
  --bg-base: #101216;
  --bg-primary: #171b23;
  --bg-secondary: #1d232d;
  --bg-surface: #232b37;
  --bg-elevated: #2a3342;
  --bg-deep: #141821;
  --bg-sunken: #0d1016;
  --bg-hover: #323d4e;
  --bg-gradient-main: radial-gradient(980px 560px at 85% -10%, rgba(10, 132, 255, 0.16), transparent 62%), linear-gradient(180deg, #111418 0%, #171c24 55%, #141920 100%);
  --bg-gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  --border-primary: #394455;
  --border-secondary: #4c5a72;
  --border-subtle: #2d3644;
  --text-primary: #f6f8fc;
  --text-secondary: #d7dde8;
  --text-tertiary: #b3bccb;
  --text-muted: #8a95a8;
  --scrollbar-track: #1a1f29;
  --scrollbar-thumb: #4a556a;
  --scrollbar-thumb-hover: #66758f;
  --glass-bg: rgba(34, 40, 52, 0.74);
  --glass-border: rgba(255, 255, 255, 0.14);
  --nav-active-bg: rgba(10, 132, 255, 0.18);
  --nav-hover-bg: rgba(255, 255, 255, 0.05);
  --btn-primary-bg: #0a84ff;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #2997ff;
  --btn-primary-shadow: rgba(10, 132, 255, 0.28);
  --btn-selected-bg: #2f8fff;
  --btn-selected-border: #2f8fff;
  --overlay-heavy: rgba(0, 0, 0, 0.8);
  --overlay-medium: rgba(0, 0, 0, 0.6);
  --overlay-light: rgba(0, 0, 0, 0.3);
  --overlay-full: rgba(0, 0, 0, 0.95);
  --overlay-border: rgba(255, 255, 255, 0.1);
  --selection-bg: rgba(10, 132, 255, 0.24);
  /* 主题强调色 (accent) */
  --accent: #0a84ff;
  --accent-hover: #2997ff;
  --accent-muted: #5ac8fa;
  --accent-bg: rgba(10, 132, 255, 0.16);
  --accent-bg-hover: rgba(10, 132, 255, 0.24);
  --accent-border: rgba(90, 200, 250, 0.45);
  --accent-text: #7fd8ff;
  --accent-text-hover: #b8eaff;
  --accent-on: #ffffff;
  --accent-shadow: rgba(10, 132, 255, 0.24);
  --accent-electric: #5ac8fa;
  --accent-neon-pink: #ff375f;
  /* 开关/Toggle */
  --toggle-active: #0a84ff;
  --toggle-inactive: var(--border-secondary);
  --toggle-knob: #ffffff;
  /* 状态色: 成功 */
  --success: #32d74b;
  --success-text: #86f19a;
  --success-bg: rgba(50, 215, 75, 0.14);
  --success-border: rgba(50, 215, 75, 0.32);
  /* 状态色: 错误/危险 */
  --error: #ff453a;
  --error-text: #ff9c96;
  --error-bg: rgba(255, 69, 58, 0.14);
  --error-border: rgba(255, 69, 58, 0.3);
  --error-hover-bg: rgba(255, 69, 58, 0.18);
  --error-hover-bg-strong: rgba(255, 69, 58, 0.3);
  /* 状态色: 警告 */
  --warning: #ffd60a;
  --warning-text: #ffe682;
  --warning-bg: rgba(255, 214, 10, 0.14);
  --warning-border: rgba(255, 214, 10, 0.32);
  /* 状态色: 信息 */
  --info: #64d2ff;
  --info-text: #b5ecff;
  --info-bg: rgba(100, 210, 255, 0.16);
  --info-border: rgba(100, 210, 255, 0.34);
  /* 辅助标记色: purple (视频提示词) */
  --tag-purple: #c084fc;
  --tag-purple-bg: rgba(192, 132, 252, 0.1);
  --tag-purple-border: rgba(192, 132, 252, 0.3);
  --tag-purple-hover: rgba(192, 132, 252, 0.1);
  --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;
}