// 颜色系统
$im-primary-color: #1989fa;
$im-success-color: #07c160;
$im-warning-color: #ff976a;
$im-danger-color: #ee0a24;
$im-info-color: #909399;

// 文本颜色
$im-text-color-primary: #303133;
$im-text-color-regular: #606266;
$im-text-color-secondary: #909399;
$im-text-color-placeholder: #c0c4cc;

// 边框颜色
$im-border-color-base: #dcdfe6;
$im-border-color-light: #e4e7ed;
$im-border-color-lighter: #ebeef5;

// 背景颜色
$im-bg-color: #f8f8f8;
$im-bg-color-light: #fafafa;

// 尺寸
$im-font-size-xs: 10px;
$im-font-size-sm: 12px;
$im-font-size-base: 14px;
$im-font-size-md: 16px;
$im-font-size-lg: 18px;
$im-font-size-xl: 20px;

// 间距
$im-spacing-xs: 4px;
$im-spacing-sm: 8px;
$im-spacing-base: 16px;
$im-spacing-md: 24px;
$im-spacing-lg: 32px;
$im-spacing-xl: 48px;

// 圆角
$im-border-radius-sm: 2px;
$im-border-radius-base: 4px;
$im-border-radius-md: 8px;
$im-border-radius-lg: 12px;
$im-border-radius-round: 20px;
$im-border-radius-circle: 50%;

// 阴影
$im-box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12);
$im-box-shadow-light: 0 2px 12px rgba(0, 0, 0, 0.1);

// 动画
$im-transition-duration: 0.3s;
$im-transition-timing: ease;

// 深色模式变量
$im-dark-bg-color: #2a2a2a;
$im-dark-text-color: #ffffff;
$im-dark-border-color: #444444;