/* 亮色主题 CSS 变量 */
:root,
[data-theme="light"] {
  --bg-primary: #f5f6fa;
  --bg-secondary: #ffffff;
  --bg-tertiary: #eef0f5;
  --bg-hover: rgba(0, 0, 0, 0.04);
  --bg-active: rgba(0, 0, 0, 0.08);

  --text-primary: #1a1a2e;
  --text-secondary: #555770;
  --text-tertiary: #8e90a6;
  --text-inverse: #ffffff;

  --accent: #4A90D9;
  --accent-hover: #357abd;
  --accent-light: rgba(74, 144, 217, 0.1);

  --card-bg: #ffffff;
  --card-border: #e8e9f0;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --card-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.06);

  --border-color: #e4e5ed;
  --divider-color: #eef0f5;

  --input-bg: #f5f6fa;
  --input-focus-bg: #ffffff;
  --input-border: #e4e5ed;
  --input-focus-border: #4A90D9;

  --sidebar-bg: #1e1e2e;
  --sidebar-text: #cdd6f4;
  --sidebar-active: #4A90D9;

  --success: #2ECC71;
  --warning: #F39C12;
  --danger: #E74C3C;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.35s ease;
}

/* 暗色主题 */
[data-theme="dark"] {
  --bg-primary: #0f0f1a;
  --bg-secondary: #1a1a2e;
  --bg-tertiary: #252540;
  --bg-hover: rgba(255, 255, 255, 0.06);
  --bg-active: rgba(255, 255, 255, 0.1);

  --text-primary: #e2e4f0;
  --text-secondary: #a0a3b8;
  --text-tertiary: #6b6d80;
  --text-inverse: #1a1a2e;

  --accent: #6cb4f5;
  --accent-hover: #8dc9f8;
  --accent-light: rgba(108, 180, 245, 0.15);

  --card-bg: #1a1a2e;
  --card-border: #2a2a45;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --card-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.2);

  --border-color: #2a2a45;
  --divider-color: #252540;

  --input-bg: #252540;
  --input-focus-bg: #2a2a48;
  --input-border: #35355a;
  --input-focus-border: #6cb4f5;

  --sidebar-bg: #0a0a18;
  --sidebar-text: #a0a3b8;
  --sidebar-active: #6cb4f5;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
}