/* 亮色主题 (Claude 风格) - 语义化颜色令牌 */
[data-theme="light"] {
  --bg-base: #F7F5F0;
  --bg-primary: #FFFFFF;
  --bg-secondary: #FAF9F7;
  --bg-surface: #FFFFFF;
  --bg-elevated: #F5F3EE;
  --bg-deep: #F0EDE8;
  --bg-sunken: #F9F7F4;
  --bg-hover: #E5E0DA;
  --border-primary: #E5E0DA;
  --border-secondary: #D1CDC6;
  --border-subtle: #EDE9E3;
  --text-primary: #1A1816;
  --text-secondary: #44413D;
  --text-tertiary: #6B6862;
  --text-muted: #8A8680;
  --scrollbar-track: #F0EDE8;
  --scrollbar-thumb: #D1CDC6;
  --scrollbar-thumb-hover: #ADA9A2;
  --glass-bg: rgba(255, 255, 255, 0.75);
  --glass-border: rgba(26, 24, 22, 0.08);
  --nav-active-bg: rgba(229, 224, 218, 0.8);
  --nav-hover-bg: rgba(229, 224, 218, 0.5);
  --btn-primary-bg: #1A1816;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #2D2A26;
  --btn-primary-shadow: rgba(26, 24, 22, 0.1);
  --btn-selected-bg: #E5E0DA;
  --btn-selected-border: #E5E0DA;
  --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(26, 24, 22, 0.15);
  /* 主题强调色 (accent) - 紫粉系 */
  --accent: #a855f7;
  --accent-hover: #9333ea;
  --accent-muted: #c084fc;
  --accent-bg: rgba(168, 85, 247, 0.12);
  --accent-bg-hover: rgba(168, 85, 247, 0.2);
  --accent-border: rgba(168, 85, 247, 0.28);
  --accent-text: #8b3dce;
  --accent-text-hover: #6f21b5;
  --accent-on: #ffffff;
  --accent-shadow: rgba(168, 85, 247, 0.2);
  /* 开关/Toggle */
  --toggle-active: #a855f7;
  --toggle-inactive: var(--border-secondary);
  --toggle-knob: #ffffff;
  /* 状态色: 成功 */
  --success: #16a34a;
  --success-text: #15803d;
  --success-bg: rgba(22, 163, 74, 0.08);
  --success-border: rgba(22, 163, 74, 0.25);
  /* 状态色: 错误/危险 */
  --error: #dc2626;
  --error-text: #b91c1c;
  --error-bg: rgba(220, 38, 38, 0.06);
  --error-border: rgba(220, 38, 38, 0.2);
  --error-hover-bg: rgba(220, 38, 38, 0.08);
  --error-hover-bg-strong: rgba(220, 38, 38, 0.15);
  /* 状态色: 警告 */
  --warning: #d97706;
  --warning-text: #b45309;
  --warning-bg: rgba(217, 119, 6, 0.08);
  --warning-border: rgba(217, 119, 6, 0.25);
  /* 状态色: 信息 */
  --info: #2563eb;
  --info-text: #1d4ed8;
  --info-bg: rgba(37, 99, 235, 0.06);
  --info-border: rgba(37, 99, 235, 0.2);
  /* 辅助标记色: 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);
  /* Dashboard / Projects Database */
  --dashboard-bg: linear-gradient(180deg, #f5f3ef 0%, #efebe6 48%, #ece7e2 100%);
  --dashboard-bg-overlay:
    radial-gradient(circle at top left, rgba(116, 88, 255, 0.16), transparent 34%),
    radial-gradient(circle at 82% 10%, rgba(59, 130, 246, 0.12), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(14, 165, 233, 0.08), transparent 36%);
  --dashboard-panel-bg: rgba(255, 253, 250, 0.56);
  --dashboard-panel-border: rgba(176, 164, 150, 0.18);
  --dashboard-panel-shadow: 0 28px 70px rgba(76, 52, 28, 0.1);
  --dashboard-glow-1: rgba(126, 91, 255, 0.14);
  --dashboard-glow-2: rgba(56, 189, 248, 0.1);
  --dashboard-title: #221c2f;
  --dashboard-subtitle: rgba(71, 61, 90, 0.72);
  --dashboard-pill-bg: rgba(255, 255, 255, 0.7);
  --dashboard-pill-border: rgba(125, 110, 153, 0.1);
  --dashboard-pill-text: #3d3550;
  --dashboard-pill-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --dashboard-pill-hover-bg: rgba(255, 255, 255, 0.96);
  --dashboard-pill-hover-border: rgba(125, 110, 153, 0.2);
  --dashboard-brand-subtle: rgba(86, 72, 109, 0.56);
  --dashboard-action-bg: rgba(76, 66, 102, 0.1);
  --dashboard-action-hover-bg: rgba(76, 66, 102, 0.18);
  --dashboard-action-text: #3d3550;
  --dashboard-search-bg: rgba(255, 255, 255, 0.78);
  --dashboard-search-border: rgba(125, 110, 153, 0.2);
  --dashboard-search-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --dashboard-hero-note-bg: rgba(255, 255, 255, 0.58);
  --dashboard-hero-note-border: rgba(125, 110, 153, 0.16);
  --dashboard-hero-note-text: #5b5170;
  --landing-bg: #f3f7fc;
  --landing-bg-overlay:
    radial-gradient(circle at top, rgba(37, 99, 235, 0.2), transparent 30%),
    radial-gradient(circle at 82% 12%, rgba(34, 211, 238, 0.18), transparent 24%),
    linear-gradient(180deg, #f5f9ff 0%, #eef4fb 45%, #e8eef7 100%);
  --landing-grid: rgba(15, 23, 42, 0.06);
  --landing-nav-bg: rgba(255, 255, 255, 0.68);
  --landing-nav-border: rgba(148, 163, 184, 0.2);
  --landing-nav-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
  --landing-panel-bg: rgba(255, 255, 255, 0.72);
  --landing-panel-strong: rgba(255, 255, 255, 0.86);
  --landing-panel-border: rgba(148, 163, 184, 0.18);
  --landing-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 248, 252, 0.88));
  --landing-card-hover: rgba(255, 255, 255, 0.96);
  --landing-card-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
  --landing-title: #091222;
  --landing-subtitle: rgba(15, 23, 42, 0.76);
  --landing-muted: rgba(15, 23, 42, 0.58);
  --landing-kicker: #0369a1;
  --landing-primary-bg: linear-gradient(90deg, #60f49b 0%, #2ec8f3 100%);
  --landing-primary-shadow: 0 22px 48px rgba(34, 211, 238, 0.22);
  --landing-primary-text: #07131d;
  --landing-secondary-bg: rgba(255, 255, 255, 0.44);
  --landing-secondary-border: rgba(14, 165, 233, 0.22);
  --landing-secondary-text: #0f172a;
  --landing-chip-bg: rgba(255, 255, 255, 0.68);
  --landing-chip-border: rgba(148, 163, 184, 0.18);
  --landing-login-surface: rgba(255, 255, 255, 0.96);
  --landing-login-panel: rgba(245, 248, 252, 0.98);
  --landing-login-input: #ffffff;
  --landing-login-input-border: rgba(148, 163, 184, 0.22);
  --landing-login-note: rgba(15, 23, 42, 0.62);
  --landing-login-qr-bg: #ffffff;
  --landing-login-qr-placeholder: rgba(79, 85, 100, 0.9);
  --landing-login-modal-bg: #ffffff;
  --landing-login-title: #101114;
  --landing-login-muted-text: #9aa0a6;
  --landing-login-line: #d9dde5;
  --landing-login-accent: #7c4dff;
  --landing-login-accent-bg: linear-gradient(90deg, #6f3ff5 0%, #8c4cff 100%);
  --landing-login-accent-text: #ffffff;
  --landing-login-hint-bg: rgba(43, 43, 43, 0.92);
  --landing-hero-overlay:
    linear-gradient(180deg, rgba(18, 22, 30, 0.24) 0%, rgba(18, 22, 30, 0.36) 40%, rgba(18, 22, 30, 0.62) 100%),
    radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.12), transparent 30%);
  --landing-hero-vignette: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  --landing-hero-float-bg: rgba(255, 255, 255, 0.54);
  --landing-hero-float-border: rgba(255, 255, 255, 0.36);
  --landing-hero-float-icon: rgba(17, 24, 39, 0.9);
  --landing-hero-float-text: rgba(17, 24, 39, 0.92);
  --landing-hero-float-muted: rgba(17, 24, 39, 0.76);
  --landing-hero-sidebar-bg: rgba(255, 255, 255, 0.56);
  --landing-hero-sidebar-border: rgba(255, 255, 255, 0.36);
  --landing-hero-sidebar-item: rgba(17, 24, 39, 0.74);
  --landing-hero-sidebar-item-active: rgba(17, 24, 39, 0.96);
  --landing-hero-sidebar-item-bg: rgba(255, 255, 255, 0.48);
  --landing-hero-title: #ffffff;
  --landing-hero-subtitle: rgba(255, 255, 255, 0.92);
  --landing-hero-button-bg: linear-gradient(90deg, #8d3dff 0%, #bc47ff 100%);
  --landing-hero-button-shadow: 0 22px 54px rgba(150, 72, 255, 0.28);
  --landing-hero-button-text: #ffffff;
  /* 项目列表页专用 */
  --project-shell-border: rgba(176, 164, 150, 0.14);
  --project-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 243, 250, 0.76));
  --project-card-border: transparent;
  --project-card-hover: transparent;
  --project-cover-fallback: #D8D2C9;
  --project-stat-bg: rgba(248, 246, 255, 0.66);
  --project-cta-bg: linear-gradient(135deg, #9333ea 0%, #c026d3 100%);
  --project-cta-text: #ffffff;
  --project-cta-hover: linear-gradient(135deg, #7e22ce 0%, #a21caf 100%);
  --project-card-shadow: 0 18px 42px rgba(63, 42, 96, 0.08);
  --project-card-shadow-hover: 0 26px 58px rgba(76, 52, 118, 0.14);
  --project-card-overlay: linear-gradient(180deg, rgba(17, 24, 39, 0.04) 0%, rgba(17, 24, 39, 0.34) 100%);
  --project-card-topbar-bg: linear-gradient(180deg, rgba(13, 18, 30, 0.42), rgba(13, 18, 30, 0));
  --project-stat-border: transparent;
  --project-stat-chip-bg: rgba(255, 255, 255, 0.44);
  --project-stat-chip-text: #453b59;
  --project-cta-shadow: 0 16px 34px rgba(168, 85, 247, 0.24);
  --project-stat-surface: rgba(255, 255, 255, 0.34);
  --project-stat-surface-hover: rgba(255, 255, 255, 0.42);
  --project-meta-text: rgba(60, 52, 77, 0.68);
  --project-cover-bottom: linear-gradient(180deg, rgba(17, 24, 39, 0) 0%, rgba(17, 24, 39, 0.32) 100%);
  --dashboard-dropdown-bg: rgba(255, 252, 248, 0.95);
  --dashboard-dropdown-border: rgba(164, 146, 123, 0.18);
  --dashboard-dropdown-shadow: 0 28px 70px rgba(93, 72, 39, 0.18);
  --dashboard-dropdown-divider: rgba(122, 104, 83, 0.12);
  --dashboard-dropdown-card-bg: linear-gradient(135deg, rgba(203, 183, 225, 0.36), rgba(233, 222, 244, 0.72));
  --dashboard-dropdown-card-border: rgba(146, 121, 180, 0.12);
  --dashboard-dropdown-card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  --dashboard-dropdown-upgrade-bg: #ffffff;
  --dashboard-dropdown-upgrade-text: #2f2418;
  --dashboard-dropdown-select-bg: rgba(255, 255, 255, 0.86);
  --dashboard-dropdown-select-border: rgba(164, 146, 123, 0.18);
  --dashboard-dropdown-item-hover: rgba(181, 147, 107, 0.08);
  --dashboard-dropdown-icon-bg: rgba(181, 147, 107, 0.1);
  --dashboard-dropdown-icon-text: #8b6e4e;
  --dashboard-avatar-bg: rgba(255, 255, 255, 0.6);
  --dashboard-avatar-text: #8a7ab0;
  --dashboard-avatar-border: rgba(139, 110, 187, 0.18);
  --project-menu-bg: rgba(255, 251, 247, 0.96);
  --project-menu-border: rgba(164, 146, 123, 0.18);
  --project-menu-shadow: 0 24px 60px rgba(91, 73, 45, 0.18);
  --project-menu-item-hover: rgba(181, 147, 107, 0.08);
  --project-menu-icon-bg: rgba(181, 147, 107, 0.1);
  --project-menu-icon-text: #8b6e4e;
  --project-menu-danger-icon-bg: rgba(220, 38, 38, 0.1);
  --project-menu-trigger-bg: rgba(255, 255, 255, 0.44);
  --project-menu-trigger-hover: rgba(255, 255, 255, 0.9);
  --project-menu-trigger-border: rgba(164, 146, 123, 0.18);
  --select-bg: #F9F7F4;
  --select-bg-hover: #F9F7F4;
  --select-border: #E5E0DA;
  --select-border-hover: #D1CDC6;
  --select-focus-border: #D1CDC6;
  --select-focus-ring: rgba(209, 205, 198, 0.22);
  --select-icon: #8a7a67;
  --select-panel-bg: rgba(255, 250, 243, 0.98);
  --select-panel-border: rgba(196, 182, 165, 0.88);
  --select-panel-shadow: 0 24px 60px rgba(60, 44, 24, 0.16);
  --select-option-hover-bg: rgba(181, 147, 107, 0.12);
  --select-option-selected-bg: linear-gradient(135deg, #b5936b, #caa47f);
  --select-option-selected-text: #2f2418;
  --asset-modal-panel: rgba(250, 246, 240, 0.98);
  --asset-modal-panel-strong: rgba(241, 235, 227, 0.98);
  --asset-modal-input: #f2ece4;
  --asset-modal-input-hover: #ebe2d7;
  --asset-modal-placeholder: #938a7f;
  --asset-modal-border: #c9beb0;
  --asset-modal-chip-bg: #e7dfd5;
  --asset-modal-chip-active: #a98357;
  --asset-modal-chip-active-text: #ffffff;
  --asset-modal-link: #8b6e4e;
  --asset-modal-upload-bg: rgba(214, 205, 194, 0.68);
  --asset-modal-footer: #efe7dc;
  --project-modal-surface: #fcfbf8;
  --project-modal-panel: #f4f1eb;
  --project-modal-panel-alt: #ebe6de;
  --project-modal-panel-muted: #e3ddd4;
  --project-modal-text: #1a1816;
  --project-modal-text-secondary: rgba(26, 24, 22, 0.72);
  --project-modal-text-muted: rgba(26, 24, 22, 0.42);
  --project-modal-overlay: rgba(31, 24, 18, 0.5);
  --project-modal-upload: #e9e4dc;
  --project-modal-upload-dash: rgba(84, 74, 63, 0.22);
  --quick-start-modal-surface: #ffffff;
  --quick-start-modal-panel: #f6f7fb;
  --quick-start-modal-panel-alt: #eef1f7;
  --quick-start-modal-border: rgba(135, 145, 166, 0.16);
  --quick-start-modal-border-strong: rgba(135, 145, 166, 0.24);
  --quick-start-modal-text: #171923;
  --quick-start-modal-text-secondary: rgba(23, 25, 35, 0.72);
  --quick-start-modal-text-muted: rgba(23, 25, 35, 0.42);
  --storyboard-shell-bg: #f3f5f9;
  --storyboard-shell-glow: rgba(126, 91, 255, 0.05);
  --storyboard-panel-bg: rgba(255, 255, 255, 0.86);
  --storyboard-panel-alt: #f4f6fb;
  --storyboard-panel-soft: #edf1f7;
  --storyboard-panel-border: rgba(128, 140, 166, 0.14);
  --storyboard-panel-shadow: 0 18px 46px rgba(52, 66, 94, 0.08);
  --storyboard-toolbar-bg: #eef2f8;
  --storyboard-toolbar-hover: #e5ebf4;
  --storyboard-table-header: #e9eef6;
  --storyboard-row-hover: rgba(26, 24, 22, 0.03);
  --storyboard-row-active: rgba(168, 85, 247, 0.1);
  --storyboard-highlight-bg: #a855f7;
  --storyboard-highlight-border: #9333ea;
  --storyboard-highlight-text: #ffffff;
  --storyboard-outline-text: #7e22ce;
  --storyboard-chip-bg: #f2e8fb;
  --storyboard-chip-border: rgba(168, 85, 247, 0.18);
  --storyboard-chip-text: #6b21a8;
  --storyboard-search-bg: #f8faff;
  --storyboard-footer-bg: rgba(244, 247, 252, 0.96);
  --workbench-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 238, 249, 0.96));
  --workbench-panel-alt: rgba(240, 234, 248, 0.96);
  --workbench-panel-soft: rgba(233, 238, 246, 0.98);
  --workbench-panel-muted: rgba(224, 231, 242, 0.96);
  --workbench-surface-alt: rgba(244, 240, 249, 0.98);
  --workbench-surface-elevated: rgba(250, 247, 252, 0.98);
  --workbench-selection-bg: rgba(231, 219, 244, 0.98);
  --workbench-selection-border: rgba(146, 114, 187, 0.36);
  --workbench-panel-border: transparent;
  --workbench-panel-shadow: 0 18px 40px rgba(103, 88, 132, 0.1);
  --workbench-empty-tile: rgba(217, 225, 239, 0.96);
  --workbench-toolbar-bg: rgba(242, 235, 250, 0.98);
  --workbench-toolbar-hover: rgba(232, 223, 244, 0.98);
  --workbench-toolbar-border: transparent;
  --workbench-section-title: rgba(26, 24, 22, 0.96);
  --workbench-section-caption: rgba(69, 73, 86, 0.72);
  --workbench-tag-bg: rgba(245, 239, 250, 0.98);
  --workbench-tag-border: transparent;
  --storyboard-window-control-bg: rgba(243, 246, 251, 0.98);
  --storyboard-window-control-bg-hover: rgba(233, 238, 247, 0.98);
  --storyboard-window-control-border: rgba(128, 140, 166, 0.16);
  --storyboard-window-control-text: #4b5362;
  --storyboard-shot-banner-bg: linear-gradient(135deg, rgba(247, 240, 231, 0.98), rgba(232, 224, 212, 0.95));
  --storyboard-shot-banner-border: rgba(169, 151, 127, 0.2);
  --storyboard-shot-banner-subtitle: #7a736a;
  --storyboard-shot-banner-title: #26211d;
  --storyboard-shot-banner-badge-bg: rgba(169, 151, 127, 0.16);
  --storyboard-shot-banner-badge-text: #625849;
  --editor-shell-bg: #eef3f9;
  --editor-shell-overlay: radial-gradient(circle at top, rgba(59, 130, 246, 0.14), transparent 28%), linear-gradient(180deg, #eef3f9 0%, #e5ebf4 100%);
  --editor-panel-bg: rgba(251, 253, 255, 0.96);
  --editor-panel-muted: rgba(240, 245, 251, 0.98);
  --editor-panel-border: rgba(127, 146, 171, 0.28);
  --editor-toolbar-bg: rgba(247, 250, 253, 0.94);
  --editor-toolbar-border: rgba(127, 146, 171, 0.18);
  --editor-ruler-line: rgba(100, 116, 139, 0.2);
  --editor-grid-line: rgba(100, 116, 139, 0.11);
  --editor-playhead: #0284c7;
  --editor-playhead-glow: rgba(2, 132, 199, 0.2);
  --editor-clip-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(235, 242, 249, 0.98));
  --editor-clip-border: rgba(148, 163, 184, 0.48);
  --editor-clip-selected-bg: linear-gradient(180deg, #22d3ee, #06b6d4);
  --editor-clip-selected-border: rgba(6, 182, 212, 0.68);
  --editor-clip-selected-text: #083344;
}