@charset "UTF-8";

/* 主题颜色变量 */
:root {
    /* 背景颜色 */
    --color-background: #f4f5f7;
    --color-content-background: #ffffff;
    --color-header-background: #edeef0;
    
    /* 文本颜色 */
    --color-text-primary: #333333;
    --color-text-secondary: #666666;
    --color-text-muted: #999999;
    
    /* 边框颜色 */
    --color-border: #e0e0e0;
    --color-border-light: #f0f0f0;
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 2px 12px rgba(0, 0, 0, 0.08);
    
    /* 间距 */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 20px;
    --spacing-lg: 30px;
    
    /* 最大宽度 */
    --max-width-content: 1200px;
}

/* 深色模式变量 */
html.dark-mode, body.dark-mode {
    --color-background: #1a1a1a;
    --color-content-background: #2d2d2d;
    --color-header-background: #222222;
    
    --color-text-primary: #ffffff;
    --color-text-secondary: #cccccc;
    --color-text-muted: #999999;
    
    --color-border: #444444;
    --color-border-light: #333333;
    
    --shadow-sm: none;
    --shadow-md: none;
}