:root {
    /* 主色调 - 深蓝科技风 */
    --primary-color: #1e3c72;
    --primary-light: #2a5298;
    --primary-dark: #152a56;
    
    /* 辅助色 */
    --secondary-color: #00bcd4;
    --accent-color: #667eea;
    
    /* 状态色 */
    --success-color: #4caf50;
    --warning-color: #ff9800;
    --danger-color: #f44336;
    --info-color: #2196f3;
    
    /* 背景色 */
    --bg-body: #f5f7fa;
    --bg-sidebar: #1e293b;
    --bg-topbar: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    --bg-card: #ffffff;
    
    /* 文字色 */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-light: #999999;
    --text-white: #ffffff;
    
    /* 边框 */
    --border-color: #e0e0e0;
    --border-radius: 8px;
    --border-radius-large: 12px;
    
    /* 阴影 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    
    /* 尺寸 */
    --topbar-height: 60px;
    --sidebar-width: 220px;
    --sidebar-collapsed-width: 70px;
    
    /* 过渡动画 */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* 层级 */
    --z-index-dropdown: 1000;
    --z-index-sidebar: 900;
    --z-index-topbar: 1000;
    --z-index-modal: 2000;
    --z-index-toast: 3000;
}