/* 浅色模式变量 */
[data-theme="light"] {
  --text-primary: #222222;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --background-primary: #fafafa;
  --background-secondary: #ffffff;
  --background-tertiary: #F7FBFF;
  --border-color: #E8F0FF;
  --shadow-color: rgba(0, 0, 0, 0.05);
}

/* 浅色模式特定样式 */
[data-theme="light"] .header {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 10px var(--shadow-color);
}

[data-theme="light"] .control-buttons {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}