/**
 * HuSNS CSS变量统一管理
 * 遵循设计系统规范，统一变量命名
 */

:root {
    /* === 颜色系统 === */
    /* 主色调 */
    --color-primary: #3B82F6;
    --color-primary-dark: #2563EB;
    --color-primary-light: #60A5FA;
    
    /* 辅助色 */
    --color-secondary: #8B5CF6;
    --color-secondary-dark: #7C3AED;
    --color-secondary-light: #A78BFA;
    
    /* 状态色 */
    --color-success: #22C55E;
    --color-success-dark: #16A34A;
    --color-success-light: #4ADE80;
    
    --color-danger: #EF4444;
    --color-danger-dark: #DC2626;
    --color-danger-light: #F87171;
    
    --color-warning: #F59E0B;
    --color-warning-dark: #D97706;
    --color-warning-light: #FBBF24;
    
    /* 中性色 */
    --color-text-primary: #1F2937;
    --color-text-secondary: #6B7280;
    --color-text-muted: #9CA3AF;
    --color-text-light: #D1D5DB;
    
    --color-border: #E5E7EB;
    --color-border-light: #F3F4F6;
    
    /* === 背景系统 === */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F3F4F6;
    --bg-card: #FFFFFF;
    --bg-hover: #F9FAFB;
    --bg-active: #E5E7EB;
    
    /* === 间距系统 === */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    
    /* === 圆角系统 === */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    
    /* === 字体系统 === */
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-2xl: 20px;
    
    /* === 阴影系统 === */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    /* === 过渡系统 === */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;
}

/* 深色模式变量覆盖 */
.dark-mode {
    /* 颜色调整 */
    --color-text-primary: #F9FAFB;
    --color-text-secondary: #D1D5DB;
    --color-text-muted: #9CA3AF;
    
    /* 背景调整 */
    --bg-primary: #111827;
    --bg-secondary: #1F2937;
    --bg-card: #1F2937;
    --bg-hover: #374151;
    --bg-active: #4B5563;
    
    /* 边框调整 */
    --color-border: #374151;
    --color-border-light: #4B5563;
}