/**
 * 全局CSS变量定义
 * 包含颜色、字体、间距、圆角等设计token
 */

:root {
    /* ===== 主色调 ===== */
    --color-primary: #38bdf8;
    --color-primary-dark: #0ea5e9;
    --color-secondary: #fbbf24;
    --color-secondary-dark: #f59e0b;
    
    /* ===== 背景色 ===== */
    --bg-dark: #1a1a2e;
    --bg-darker: #0f172a;
    --bg-panel: #1e293b;
    --bg-card: rgba(30, 41, 59, 0.6);
    --bg-blackboard: linear-gradient(145deg, #2d5a3d 0%, #1e3d2f 50%, #0f2920 100%);
    
    /* ===== 文字颜色 ===== */
    --text-primary: #f8fafc;
    --text-secondary: #e2e8f0;
    --text-muted: #94a3b8;
    --text-chalk: rgba(255, 255, 255, 0.95);
    
    /* ===== 边框颜色 ===== */
    --border-default: rgba(148, 163, 184, 0.2);
    --border-light: rgba(148, 163, 184, 0.3);
    --border-focus: #38bdf8;
    
    /* ===== 状态颜色 ===== */
    --color-success: #10b981;
    --color-success-dark: #059669;
    --color-danger: #ef4444;
    --color-danger-dark: #dc2626;
    --color-warning: #fbbf24;
    --color-info: #38bdf8;
    
    /* ===== 字体 ===== */
    --font-family-base: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
    --font-family-serif: "KaiTi", "STKaiti", "Microsoft YaHei", serif;
    --font-family-english: 'Times New Roman', Times, serif;
    
    /* ===== 字号 ===== */
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-size-2xl: 22px;
    
    /* ===== 间距 ===== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 30px;
    --spacing-3xl: 40px;
    
    /* ===== 圆角 ===== */
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-full: 50%;
    
    /* ===== 阴影 ===== */
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 25px 80px rgba(0, 0, 0, 0.8);
    
    /* ===== 过渡 ===== */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
    
    /* ===== 层级 ===== */
    --z-dropdown: 100;
    --z-modal: 1000;
    --z-overlay: 999;
    --z-toast: 1100;
    
    /* ===== 布局 ===== */
    --right-panel-width: 320px;
    --right-panel-width-sm: 280px;
    --avatar-container-width: 200px;
    --avatar-container-height: 240px;
}

/* 响应式断点变量（用于媒体查询参考） */
/* --breakpoint-sm: 640px */
/* --breakpoint-md: 900px */
/* --breakpoint-lg: 1024px */
/* --breakpoint-xl: 1280px */