/**
 * CSS变量定义
 * 用于统一管理颜色、间距、字体等样式常量
 */

:root {
  /* ========== 颜色系统 ========== */
  
  /* 主题色 */
  --color-primary: #1890ff;
  --color-primary-hover: #40a9ff;
  --color-primary-light: rgba(24, 144, 255, 0.1);
  
  /* 功能色 */
  --color-success: #27ae60;
  --color-success-bg: rgba(246, 255, 237, 0.95);
  --color-success-border: #b7eb8f;
  --color-success-dark: #389e0d;
  
  --color-error: #cf1322;
  --color-error-bg: rgba(255, 242, 240, 0.95);
  --color-error-border: #ffccc7;
  
  --color-warning: #f39c12;
  
  /* 文本色 */
  --color-text-primary: #333;
  --color-text-secondary: #666;
  --color-text-light: #999;
  --color-text-white: #fff;
  
  /* 边框和背景 */
  --color-border: #e0e0e0;
  --color-border-light: rgba(217, 217, 217, 0.8);
  --color-bg-light: #fafafa;
  --color-bg-white: #fff;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  
  /* 禁用状态 */
  --color-disabled: #bfbfbf;
  
  /* ========== 季节颜色 ========== */
  --season-spring-1: rgba(255, 245, 245, 0.95);
  --season-spring-2: rgba(255, 250, 240, 0.9);
  --season-spring-3: rgba(240, 255, 240, 0.85);
  
  --season-summer-1: rgba(224, 247, 255, 0.95);
  --season-summer-2: rgba(240, 255, 240, 0.9);
  
  --season-autumn-1: rgba(255, 250, 240, 0.95);
  --season-autumn-2: rgba(255, 245, 238, 0.9);
  
  --season-winter-1: rgba(240, 248, 255, 0.95);
  --season-winter-2: rgba(224, 247, 255, 0.9);
  
  /* ========== 间距系统 ========== */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 20px;
  --spacing-xl: 30px;
  --spacing-xxl: 40px;
  
  /* ========== 圆角 ========== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-xxl: 20px;
  --radius-round: 50%;
  
  /* ========== 字体 ========== */
  --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Source Han Sans CN", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-md: 14px;
  --font-size-base: 16px;
  --font-size-lg: 17px;
  --font-size-xl: 20px;
  
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* 聊天内容字体大小变量 */
  --font-size-chat-message: 15px;    /* 消息气泡字体（当前默认） */
  --font-size-group-name: 15px;      /* 群名称字体（当前默认） */
  --font-size-group-preview: 12px;   /* 群预览文本字体（当前默认） */

  /* ========== 阴影 ========== */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.3);
  
  /* 特殊阴影 */
  --shadow-primary: 0 4px 12px rgba(24, 144, 255, 0.3);
  --shadow-success: 0 4px 12px rgba(39, 174, 96, 0.3);
  
  /* ========== 过渡动画 ========== */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  --transition-slower: 1s ease;
  
  /* ========== Z-index层级 ========== */
  --z-index-normal: 1;
  --z-index-dropdown: 10;
  --z-index-sticky: 100;
  --z-index-fixed: 1000;
  --z-index-modal-backdrop: 2000;
  --z-index-modal: 2001;
  --z-index-popover: 3000;
  --z-index-tooltip: 4000;
  --z-index-toast: 10000;
}