/* variables.css - 全局变量定义 */

:root {
  /* 主色调 */
  --primary: #4263EB;
  --primary-hover: #364FC7;
  --primary-light: #E5EAFF;
  
  /* 次级色调 */
  --secondary: #228BE6;
  --secondary-hover: #1971C2;
  --secondary-light: #E7F5FF;
  
  /* 中性色调 */
  --gray-50: #F8F9FA;
  --gray-100: #F1F3F5;
  --gray-200: #E9ECEF;
  --gray-300: #DEE2E6;
  --gray-400: #CED4DA;
  --gray-500: #ADB5BD;
  --gray-600: #868E96;
  --gray-700: #495057;
  --gray-800: #343A40;
  --gray-900: #212529;
  
  /* 功能色 */
  --success: #37B24D;
  --info: #1C7ED6;
  --warning: #F59F00;
  --error: #E03131;
  
  /* 背景和表面 */
  --background-light: var(--gray-50);
  --background-main: #FFFFFF;
  --surface-1: #FFFFFF;
  --surface-2: var(--gray-100);
  
  /* 文本颜色 */
  --text-primary: var(--gray-900);
  --text-secondary: var(--gray-700);
  --text-muted: var(--gray-600);
  --text-light: #FFFFFF;
  
  /* 边框 */
  --border-color: var(--gray-300);
  --border-color-light: var(--gray-200);
  --border-radius-sm: 4px;
  --border-radius: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-pill: 24px;
  --border-radius-circle: 50%;
  
  /* 阴影 */
  --box-shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
  --box-shadow-md: 0 4px 8px rgba(0,0,0,0.07);
  --box-shadow-lg: 0 10px 20px rgba(0,0,0,0.1);
  
  /* 接地相关 */
  --grounding-bg: rgba(66, 99, 235, 0.08);
  --grounding-border: rgba(66, 99, 235, 0.2);
  --high-confidence: var(--success);
  --medium-confidence: var(--warning);
  --low-confidence: var(--error);
  
  /* 动画 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  
  /* 侧边栏尺寸 */
  --left-sidebar-width: 280px;
  --right-sidebar-width: 300px;
  --sidebar-collapsed-width: 60px;
  
  /* 空间与间距 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  
  /* Z-index 层级 */
  --z-index-base: 1;
  --z-index-sidebar: 10;
  --z-index-dropdown: 20;
  --z-index-modal: 30;