:root {
  /* System Fonts - 国内常用开源字体栈 */
  --font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Menlo", "Monaco", monospace;

  /* Primary Colors - 统一主色调 */
  --primary-50: #f0f7ff;
  --primary-100: #e0f0ff;
  --primary-200: #b8e0ff;
  --primary-300: #7bb3f0;
  --primary-400: #5aa3e8;
  --primary-500: #4a90e2;
  --primary-600: #3a80d2;
  --primary-700: #2a70c2;
  --primary-800: #1a60b2;
  --primary-900: #0a50a2;
  
  /* Semantic Primary Variables - 语义化变量（保持兼容性） */
  --primary-color: var(--primary-500);
  --primary-hover: var(--primary-600);
  --primary-bg: rgba(74, 144, 226, 0.08);
  --primary-hover-bg: rgba(74, 144, 226, 0.12);
  
  /* Slate Colors - 中性色 */
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-600: #475569;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  
  /* Semantic Text Variables - 语义化文本变量 */
  --text-primary: var(--slate-800);
  --text-secondary: var(--slate-500);
  --text-muted: var(--slate-400);
  
  /* Semantic Background Variables - 语义化背景变量 */
  --bg-color: var(--slate-50);
  --bg-primary: #ffffff;
  --bg-secondary: var(--slate-100);
  --bg-tertiary: var(--slate-200);
  --bg-hover: var(--slate-100);
  --card-bg: #ffffff;
  
  /* Border Variables - 边框变量 */
  --border-color: var(--slate-200);
  --border-hover: var(--slate-300);
  
  /* Success Colors - 成功色 */
  --success-50: rgba(34, 197, 94, 0.1);
  --success-500: #22c55e;
  --success-600: #16a34a;
  --success-bg: var(--success-50);
  --success-color: var(--success-500);
  
  /* Danger Colors - 危险色 */
  --danger-50: rgba(239, 68, 68, 0.1);
  --danger-500: #ef4444;
  --danger-600: #dc2626;
  --danger-bg: var(--danger-50);
  --danger-color: var(--danger-500);
  --danger-hover: var(--danger-600);
  
  /* Warning Colors - 警告色 */
  --warning-50: rgba(245, 158, 11, 0.1);
  --warning-500: #f59e0b;
  --warning-600: #d97706;
  --warning-bg: var(--warning-50);
  --warning-color: var(--warning-500);
  
  /* Border Radius - 统一圆角 */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  
  /* Shadow - 统一阴影 */
  --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 -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  
  /* Transitions - 统一过渡动画 */
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;
  --transition-slow: 300ms ease;
  
  /* Z-index - 统一层级 */
  --z-dropdown: 10;
  --z-sticky: 100;
  --z-modal: 1000;
  --z-toast: 1001;
  --z-tooltip: 1002;
}