/**
 * CSS 变量定义 - 管理版本
 * 参考 BuildAdmin v2.3.4 设计风格
 */
:root {
    /* 主色调 */
    --primary-color: #5B7CFD;
    --primary-light: #7B9AFF;
    --primary-dark: #4A6CE8;
    
    /* 功能色 */
    --success-color: #67C23A;
    --warning-color: #E6A23C;
    --danger-color: #F56C6C;
    --info-color: #909399;
    
    /* 文字颜色 */
    --text-primary: #303133;
    --text-regular: #606266;
    --text-secondary: #909399;
    --text-placeholder: #C0C4CC;
    
    /* 边框颜色 */
    --border-color-base: #DCDFE6;
    --border-color-light: #E4E7ED;
    --border-color-lighter: #EBEEF5;
    --border-color-extra-light: #F2F6FC;
    
    /* 背景颜色 */
    --bg-color: #F5F7FA;
    --bg-color-page: #F2F3F5;
    --bg-color-white: #FFFFFF;
    --bg-color-overlay: rgba(0, 0, 0, 0.5);
    
    /* 侧边栏 */
    --sidebar-width: 250px;
    --sidebar-bg: #2C3E50;
    --sidebar-text: #BFCBD9;
    --sidebar-active: #5B7CFD;
    --sidebar-hover: #34495E;
    
    /* 顶部栏 */
    --header-height: 60px;
    --header-bg: #FFFFFF;
    --header-text: #303133;
    
    /* 尺寸 */
    --border-radius-base: 4px;
    --border-radius-small: 2px;
    --border-radius-large: 8px;
    
    /* 阴影 */
    --box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    --box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.08);
    --box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.15);
    
    /* 间距 */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
    
    /* 过渡 */
    --transition-base: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    --transition-fast: all 0.2s;
}