/* 暗色主题 - 语义化颜色令牌 */
[data-theme="dark"] {
  --bg-base: #080d19;
  --bg-primary: #0e1526;
  --bg-secondary: #111a2f;
  --bg-surface: #17233d;
  --bg-elevated: #1c2a48;
  --bg-deep: #0b1324;
  --bg-sunken: #060b14;
  --bg-hover: #223355;
  --border-primary: #233453;
  --border-secondary: #2f4770;
  --border-subtle: #1a2742;
  --text-primary: #f7f9ff;
  --text-secondary: #d7def0;
  --text-tertiary: #a7b3cf;
  --text-muted: #8190b2;
  --scrollbar-track: #0b1324;
  --scrollbar-thumb: #2a3b62;
  --scrollbar-thumb-hover: #3b5389;
  --glass-bg: rgba(12, 20, 38, 0.72);
  --glass-border: rgba(167, 179, 207, 0.16);
  --nav-active-bg: rgba(73, 121, 255, 0.16);
  --nav-hover-bg: rgba(73, 121, 255, 0.1);
  --btn-primary-bg: #6f8dff;
  --btn-primary-text: #f7f9ff;
  --btn-primary-hover: #5d7cf0;
  --btn-download-bg: #1a1a2e;
  --btn-download-bg-hover: #252540;
  --btn-download-text: #ffffff;
  --btn-primary-shadow: rgba(111, 141, 255, 0.35);
  --btn-selected-bg: #2a3b62;
  --btn-selected-border: #3a5384;
  --overlay-heavy: rgba(4, 8, 17, 0.86);
  --overlay-medium: rgba(4, 8, 17, 0.66);
  --overlay-light: rgba(4, 8, 17, 0.4);
  --overlay-full: rgba(4, 8, 17, 0.96);
  --overlay-border: rgba(167, 179, 207, 0.22);
  --selection-bg: rgba(111, 141, 255, 0.25);
  /* 主题强调色 (accent) */
  --accent: #6f8dff;
  --accent-hover: #5d7cf0;
  --accent-muted: #5670d9;
  --accent-bg: rgba(111, 141, 255, 0.18);
  --accent-bg-hover: rgba(111, 141, 255, 0.28);
  --accent-border: rgba(111, 141, 255, 0.36);
  --accent-text: #b7c6ff;
  --accent-text-hover: #d4dcff;
  --accent-on: #ffffff;
  --accent-btn-text: #f7f9ff;
  --accent-shadow: rgba(67, 96, 196, 0.42);
  /* 开关/Toggle */
  --toggle-active: #6f8dff;
  --toggle-inactive: var(--border-secondary);
  --toggle-knob: #ffffff;
  /* 状态色: 成功 */
  --success: #2dd4a8;
  --success-text: #7af2ce;
  --success-bg: rgba(45, 212, 168, 0.14);
  --success-border: rgba(45, 212, 168, 0.32);
  /* 状态色: 错误/危险 */
  --error: #ff7777;
  --error-text: #ffb4b4;
  --error-bg: rgba(255, 119, 119, 0.12);
  --error-border: rgba(255, 119, 119, 0.34);
  --error-hover-bg: rgba(255, 119, 119, 0.16);
  --error-hover-bg-strong: rgba(255, 119, 119, 0.26);
  /* 状态色: 警告 */
  --warning: #f5be5f;
  --warning-text: #ffdba1;
  --warning-bg: rgba(245, 190, 95, 0.14);
  --warning-border: rgba(245, 190, 95, 0.34);
  /* 状态色: 信息 */
  --info: #65b3ff;
  --info-text: #a8d4ff;
  --info-bg: rgba(101, 179, 255, 0.14);
  --info-border: rgba(101, 179, 255, 0.32);
  /* 辅助标记色: 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);
}

/* 首页创作对话框 - 暗色模式专用，确保背景与文字对比清晰 */
[data-theme="dark"] .creation-dialog {
  background: rgba(14, 21, 38, 0.95) !important;
  border-color: #2a3d5c;
}

[data-theme="dark"] .creation-dialog-textarea {
  background: #0d1422 !important;
  color: #e8ecf7 !important;
  border-color: #2a3d5c !important;
  caret-color: #b7c6ff;
}

[data-theme="dark"] .creation-dialog-textarea::placeholder {
  color: #6b7a9e !important;
}

[data-theme="dark"] .creation-dialog-textarea:focus {
  border-color: #3a5384 !important;
  outline: none;
}