:root {
    /* 主色调 */
    --primary-color: #5B6AFF;
    --secondary-color: #8C54FF;
    --accent-color: #667EEA;
    
    /* 背景色 */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F7FA;
    --bg-card: #FFFFFF;
    
    /* 文字颜色 */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;
    
    /* 暗色模式变量 */
    --dark-primary-color: #7F8CFF;
    --dark-secondary-color: #A67AFF;
    --dark-accent-color: #8A9AFF;
    --dark-bg-primary: #1A1A1A;
    --dark-bg-secondary: #2D2D2D;
    --dark-bg-card: #2D2D2D;
    --dark-text-primary: #FFFFFF;
    --dark-text-secondary: #CCCCCC;
    --dark-text-muted: #999999;
}

[data-theme="dark"] {
    --primary-color: var(--dark-primary-color);
    --secondary-color: var(--dark-secondary-color);
    --accent-color: var(--dark-accent-color);
    --bg-primary: var(--dark-bg-primary);
    --bg-secondary: var(--dark-bg-secondary);
    --bg-card: var(--dark-bg-card);
    --text-primary: var(--dark-text-primary);
    --text-secondary: var(--dark-text-secondary);
    --text-muted: var(--dark-text-muted);
}