src/styles/themes/light.css
/* 明亮主题配置 */

html[data-theme='light'] {
  /* 背景色 */
  --color-bg-primary: oklch(97.9% 0.005 256.8);
  --color-bg-secondary: oklch(100% 0 0);
  --color-bg-tertiary: oklch(96.9% 0.013 244.4);
  
  /* 文本颜色 */
  --color-text-primary: oklch(23.8% 0.044 255.2);
  --color-text-secondary: oklch(50.6% 0.023 255.5);
  
  /* 边框和分隔线 */
  --color-border: oklch(91.3% 0.023 244.9);
  
  /* 强调色和交互元素 */
  --color-accent: var(--color-primary-600);
  --color-accent-hover: var(--color-primary-700);
  
  /* 阴影 */
  --color-shadow: color-mix(in oklab, black 10%, transparent);
  
  /* 滚动条 */
  --color-scrollbar-thumb: color-mix(in oklab, black 20%, transparent);
  --color-scrollbar-track: color-mix(in oklab, black 5%, transparent);
  
  /* 卡片和面板 */
  --color-card-bg: white;
  --color-card-border: var(--color-border);
  
  /* 输入框 */
  --color-input-bg: white;
  --color-input-border: var(--color-gray-300);
  --color-input-text: var(--color-text-primary);
  --color-input-placeholder: var(--color-gray-400);
  
  /* 按钮 - 默认 */
  --color-button-bg: var(--color-gray-100);
  --color-button-text: var(--color-gray-900);
  --color-button-border: var(--color-gray-300);
  --color-button-hover-bg: var(--color-gray-200);
  
  /* 按钮 - 主要 */
  --color-button-primary-bg: var(--color-primary-600);
  --color-button-primary-text: white;
  --color-button-primary-hover-bg: var(--color-primary-700);
  
  /* 按钮 - 次要 */
  --color-button-secondary-bg: var(--color-secondary-600);
  --color-button-secondary-text: white;
  --color-button-secondary-hover-bg: var(--color-secondary-700);
  
  /* 标题特定样式 */
  --title-glow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --title-gradient: linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500), var(--color-secondary-600));
  --title-decoration-gradient: linear-gradient(90deg, var(--color-primary-600), var(--color-secondary-600));
}