/* 亮色主题 - 主流 AI 平台风（柔和米白 + 紫蓝品牌） */
/*
 * VE-14.F4.1 WCAG 2.1 AA 对比度调整（2024-12，正文 ≥ 4.5:1，大号 / 图标 ≥ 3:1）：
 *   旧 → 新（仅亮色主题；暗色全部组合已达标，未改动）：
 *     --text-tertiary  #6b6b7a → #5d5d6b   （bg-deep 4.42 → 5.46）
 *     --text-muted     #9090a0 → #7c7c8e   （bg-deep 2.65 → 3.45，仍弱于 tertiary）
 *     --success-text   #15803d → #0e6e34   （bg-deep 4.23 → 5.37）
 *     --warning-text   #b45309 → #9c4806   （bg-deep 4.23 → 5.30）
 *   保留语义层级：primary > secondary > tertiary > muted；品牌紫 / accent 不动。
 *   验证脚本：npm run audit:contrast（scripts/contrast-audit.mjs）
 */
[data-theme="light"] {
  --bg-base: #fafafc;
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5fa;
  --bg-surface: #ffffff;
  --bg-elevated: #f0f0f7;
  --bg-deep: #ebebf3;
  --bg-sunken: #f7f7fb;
  --bg-hover: #ececf3;
  --border-primary: #e5e5ed;
  --border-secondary: #d4d4de;
  --border-subtle: #f0f0f5;
  --text-primary: #18181f;
  --text-secondary: #3f3f4d;
  --text-tertiary: #5d5d6b;
  --text-muted: #7c7c8e;
  --scrollbar-track: transparent;
  --scrollbar-thumb: #d4d4de;
  --scrollbar-thumb-hover: #a8a8b8;
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(24, 24, 31, 0.06);
  --nav-active-bg: rgba(167, 139, 250, 0.10);
  --nav-hover-bg: rgba(24, 24, 31, 0.04);
  --btn-primary-bg: #18181f;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #2d2d38;
  --btn-primary-shadow: rgba(24, 24, 31, 0.1);
  --btn-selected-bg: #e5e5ed;
  --btn-selected-border: #e5e5ed;
  --overlay-heavy: rgba(0, 0, 0, 0.38);
  --overlay-medium: rgba(0, 0, 0, 0.26);
  --overlay-light: rgba(0, 0, 0, 0.14);
  --overlay-full: rgba(0, 0, 0, 0.55);
  --overlay-border: rgba(0, 0, 0, 0.08);
  --selection-bg: rgba(167, 139, 250, 0.18);
  /* 主题强调色 (accent) - 品牌紫（与暗色统一） */
  --accent: #7c3aed;
  --accent-hover: #6d28d9;
  --accent-muted: #a78bfa;
  --accent-bg: rgba(124, 58, 237, 0.10);
  --accent-bg-hover: rgba(124, 58, 237, 0.18);
  --accent-border: rgba(124, 58, 237, 0.30);
  --accent-text: #6d28d9;
  --accent-text-hover: #5b21b6;
  --accent-on: #ffffff;
  --accent-shadow: rgba(124, 58, 237, 0.20);
  /* 开关/Toggle */
  --toggle-active: #7c3aed;
  --toggle-inactive: var(--border-secondary);
  --toggle-knob: #ffffff;
  /* 状态色: 成功 */
  --success: #16a34a;
  --success-text: #0e6e34;
  --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: #9c4806;
  --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);

  /* === 品牌渐变（与暗色统一） === */
  --brand-violet: #a78bfa;
  --brand-indigo: #818cf8;
  --brand-cyan: #22d3ee;
  --brand-pink: #f0abfc;
  --brand-gradient: linear-gradient(135deg, #7c3aed 0%, #6366f1 50%, #06b6d4 100%);
  --brand-gradient-soft: linear-gradient(135deg, rgba(124, 58, 237, 0.10) 0%, rgba(99, 102, 241, 0.08) 50%, rgba(6, 182, 212, 0.10) 100%);
  --brand-gradient-border: linear-gradient(135deg, rgba(124, 58, 237, 0.45) 0%, rgba(99, 102, 241, 0.30) 50%, rgba(6, 182, 212, 0.45) 100%);

  /* Aurora 背景层（亮色更柔和） */
  --aurora-1: radial-gradient(60% 50% at 12% 8%, rgba(167, 139, 250, 0.12) 0%, transparent 70%);
  --aurora-2: radial-gradient(55% 45% at 88% 4%, rgba(34, 211, 238, 0.08) 0%, transparent 70%);
  --aurora-3: radial-gradient(50% 50% at 50% 100%, rgba(129, 140, 248, 0.08) 0%, transparent 70%);

  /* 玻璃表面（亮色用近白色） */
  --surface-card-bg: rgba(255, 255, 255, 0.7);
  --surface-card-border: rgba(24, 24, 31, 0.06);
  --surface-card-border-hover: rgba(124, 58, 237, 0.30);
  --surface-elevated-bg: rgba(255, 255, 255, 0.92);

  /* 投影 */
  --shadow-soft: 0 1px 2px rgba(24, 24, 31, 0.04), 0 4px 12px rgba(24, 24, 31, 0.06);
  --shadow-lift: 0 4px 8px rgba(24, 24, 31, 0.06), 0 16px 40px rgba(24, 24, 31, 0.10);
  --shadow-glow: 0 0 0 1px rgba(124, 58, 237, 0.15), 0 12px 32px rgba(99, 102, 241, 0.12);
}