/* CSS 变量定义 */
:root {
    /* 主色调 */
    --primary-color: #3b82f6;
    --primary-hover: #2563eb;
    --secondary-color: #6b7280;
    --success-color: #10b981;
    --success-hover: #059669;
    --info-color: #06b6d4;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --danger-hover: #dc2626;
    --purple-color: #8b5cf6;
    --purple-dark: #7c3aed;
    --orange-color: #f97316;
    --cyan-color: #06b6d4;
    
    /* 中性色 */
    --light-color: #f8fafc;
    --dark-color: #1e293b;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    
    /* 文字和边框 */
    --text-color: #374151;
    --border-color: #e5e7eb;
    
    /* 侧边栏 */
    --sidebar-bg: linear-gradient(180deg, #8b5cf6 0%, #7c3aed 100%);
    --sidebar-width: 200px;
    --sidebar-collapsed-width: 70px;
    
    /* 布局尺寸 */
    --header-height: 60px;
    --footer-height: 48px;
    --border-radius: 4px;
    
    /* 动画和阴影 */
    --transition-speed: 0.2s;
    --box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --box-shadow-lg: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* 层级 */
    --z-sidebar: 1000;
    --z-header: 1000;
    --z-modal: 1050;
    --z-tooltip: 1070;
}