/* 深色主题：炭黑工作台，中性画布，Adobe 红只用于行动和选中态 */
[data-theme="dark"] {
  --bg-base: #161616;
  --bg-primary: #202020;
  --bg-secondary: #1b1b1b;
  --bg-surface: #262626;
  --bg-elevated: #303030;
  --bg-deep: #111111;
  --bg-sunken: #131313;
  --bg-hover: #383838;
  --border-primary: #454545;
  --border-secondary: #777777;
  --border-default: #454545;
  --border-subtle: #333333;
  --text-primary: #f5f5f5;
  --text-secondary: #dedede;
  --text-tertiary: #b2b2b2;
  --text-muted: #858585;
  --scrollbar-track: #1b1b1b;
  --scrollbar-thumb: #4d4d4d;
  --scrollbar-thumb-hover: #777777;
  --glass-bg: rgba(32, 32, 32, 0.97);
  --glass-border: rgba(255, 255, 255, 0.12);
  --nav-active-bg: rgba(235, 16, 0, 0.18);
  --nav-hover-bg: #2b2b2b;
  --btn-primary-bg: #eb1000;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #ff3b30;
  --btn-primary-shadow: rgba(235, 16, 0, 0.28);
  --btn-selected-bg: rgba(235, 16, 0, 0.2);
  --btn-selected-border: #ff5147;
  --selection-bg: rgba(235, 16, 0, 0.3);
  --accent: #eb1000;
  --accent-primary: #eb1000;
  --accent-hover: #ff3b30;
  --accent-muted: #ff9a92;
  --accent-bg: rgba(235, 16, 0, 0.15);
  --accent-bg-hover: rgba(235, 16, 0, 0.24);
  --accent-hover-bg: rgba(235, 16, 0, 0.24);
  --accent-border: #ff5147;
  --accent-text: #ffaaa3;
  --accent-text-hover: #ffd0cc;
  --accent-on: #ffffff;
  --accent-rgb: 235, 16, 0;
  --accent-shadow: rgba(235, 16, 0, 0.28);
  --toggle-active: #eb1000;
  --toggle-inactive: #666666;
  --toggle-knob: #ffffff;
  --success: #34d399;
  --success-text: #6ee7b7;
  --success-bg: rgba(16, 185, 129, 0.14);
  --success-border: #34d399;
  --error: #f87171;
  --error-text: #fca5a5;
  --error-bg: rgba(239, 68, 68, 0.14);
  --error-border: #f87171;
  --error-hover-bg: rgba(239, 68, 68, 0.22);
  --error-hover-bg-strong: rgba(239, 68, 68, 0.3);
  --warning: #fbbf24;
  --warning-text: #fcd34d;
  --warning-bg: rgba(245, 158, 11, 0.14);
  --warning-border: #fbbf24;
  --info: #60a5fa;
  --info-text: #93c5fd;
  --info-bg: rgba(59, 130, 246, 0.14);
  --info-border: #60a5fa;
  --tag-purple: #d8b4fe;
  --tag-purple-bg: rgba(168, 85, 247, 0.16);
  --tag-purple-border: #c084fc;
  --tag-purple-hover: rgba(168, 85, 247, 0.24);
  --chrome-bg: #1b1b1b;
  --chrome-surface: #252525;
  --chrome-hover-bg: #303030;
  --chrome-text: #f5f5f5;
  --chrome-muted: #9b9b9b;
  --chrome-border: #3c3c3c;
}

/* Seko 风格暗色系统：黑色画布、冷紫品牌色、青色状态色。 */
[data-theme="dark"] {
  --bg-base: #070708;
  --bg-primary: #111113;
  --bg-secondary: #0d0d0f;
  --bg-surface: #18181b;
  --bg-elevated: #242428;
  --bg-deep: #050506;
  --bg-sunken: #0a0a0c;
  --bg-hover: #2b2b31;
  --border-primary: rgba(255, 255, 255, 0.16);
  --border-secondary: rgba(255, 255, 255, 0.3);
  --border-default: rgba(255, 255, 255, 0.2);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --text-primary: #f7f7f8;
  --text-secondary: #d0d0d6;
  --text-tertiary: #aaaab5;
  --text-muted: #858590;
  --scrollbar-track: #0c0c0e;
  --scrollbar-thumb: #38383f;
  --scrollbar-thumb-hover: #4d4d58;
  --glass-bg: rgba(18, 18, 21, 0.72);
  --glass-border: rgba(255, 255, 255, 0.14);
  --nav-active-bg: rgba(155, 140, 255, 0.2);
  --nav-hover-bg: rgba(255, 255, 255, 0.08);
  --btn-primary-bg: #f4f4f5;
  --btn-primary-text: #0b0b0d;
  --btn-primary-hover: #ffffff;
  --btn-primary-shadow: rgba(255, 255, 255, 0.18);
  --btn-selected-bg: rgba(255, 255, 255, 0.12);
  --btn-selected-border: #b5a7ff;
  --selection-bg: rgba(155, 140, 255, 0.3);
  --accent: #9b8cff;
  --accent-primary: #9b8cff;
  --accent-hover: #b5a7ff;
  --accent-muted: #7ee7e9;
  --accent-bg: rgba(155, 140, 255, 0.16);
  --accent-bg-hover: rgba(155, 140, 255, 0.25);
  --accent-hover-bg: rgba(155, 140, 255, 0.25);
  --accent-border: rgba(181, 167, 255, 0.78);
  --accent-text: #bdb5ff;
  --accent-text-hover: #e3deff;
  --accent-on: #0b0b0d;
  --accent-rgb: 155, 140, 255;
  --accent-shadow: rgba(155, 140, 255, 0.28);
  --toggle-active: #9b8cff;
  --toggle-inactive: #5e5e68;
  --toggle-knob: #ffffff;
  --success: #baf59e;
  --success-text: #baf59e;
  --success-bg: rgba(186, 245, 158, 0.13);
  --success-border: #baf59e;
  --warning: #ffd59e;
  --warning-text: #ffd59e;
  --warning-bg: rgba(255, 213, 158, 0.13);
  --warning-border: #ffd59e;
  --info: #7ee7e9;
  --info-text: #7ee7e9;
  --info-bg: rgba(126, 231, 233, 0.13);
  --info-border: #7ee7e9;
  --chrome-bg: #0b0b0d;
  --chrome-surface: #111113;
  --chrome-hover-bg: #1d1d21;
  --chrome-text: #f7f7f8;
  --chrome-muted: #aaaab5;
  --chrome-border: rgba(255, 255, 255, 0.16);
}