/* ============================================================
   Cards项目 - CSS变量定义
   ============================================================ */

:root {
    /* 颜色系统 */
    --color-primary: #1a1a1a;
    --color-secondary: #666666;
    --color-accent: #d4a574;
    --color-background: #fafafa;
    --color-surface: #ffffff;
    --color-border: #e5e5e5;
    --color-success: #52c41a;
    --color-warning: #faad14;
    --color-error: #f5222d;
    
    /* 测试环境标识色 */
    --color-test-badge: #722ed1;
    
    /* 间距系统 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    
    /* 字体系统 */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-size-sm: 12px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-size-xxl: 24px;
    
    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    
    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    
    /* 过渡 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
}

/* 深色模式支持（可选） */
@media (prefers-color-scheme: dark) {
    :root {
        --color-primary: #ffffff;
        --color-secondary: #a0a0a0;
        --color-background: #1a1a1a;
        --color-surface: #2a2a2a;
        --color-border: #3a3a3a;
    }
}