/*
 * desc: 队伍卡片组件变量
 * date: 2025-08-12
 * author: janfzhao
 * email: janfzhao@tencent.com
 */

// 间距系统
$mti-content-padding: var(--mti-content-padding, .32rem); // 内容间距
$mti-header-padding-lr: var(--mti-header-padding-lr, .32rem); // 头部左右间距
$mti-header-padding-tb: var(--mti-header-padding-tb, .15rem); // 头部上下间距
$mti-member-spacing: var(--mti-member-spacing, .24rem); // 成员间距
$mti-name-margin-top: var(--mti-name-margin-top, .16rem); // 昵称上边距

// 块状系统
$mti-card-width: var(--mti-card-width, 100%); // 卡片宽度
$mti-card-height: var(--mti-card-height, auto); // 卡片高度
$mti-avatar-size: var(--mti-avatar-size, .92rem); // 头像尺寸
$mti-add-btn-size: var(--mti-add-btn-size, .96rem); // 添加按钮尺寸
$mti-captain-badge-size: var(--mti-captain-badge-size, .24rem); // 队长标志尺寸

// 颜色系统
$mti-bg-color: var(--mti-bg-color, #fff); // 卡片背景色
$mti-header-bg-color-home: var(--mti-header-bg-color-home, #222a2f); // 主队头部背景色
$mti-header-bg-color-away: var(--mti-header-bg-color-away, #0f2d44); // 客队头部背景色
$mti-header-bg-color-action: var(--mti-header-bg-color-action, #f5f5f5); // 操作态头部背景色
$mti-border-color: var(--mti-border-color, #dde0e3); // 边框颜色
$mti-divider-color: var(--mti-divider-color, #dde0e3); // 分割线颜色
$mti-text-color-white: var(--mti-text-color-white, #fff); // 白色文字
$mti-text-color-primary: var(--mti-text-color-primary, #333); // 主文字颜色
$mti-text-color-secondary: var(--mti-text-color-secondary, #a3a3a3); // 副文字颜色
$mti-avatar-border-color: var(--mti-avatar-border-color, #eff2f6); // 头像边框颜色
$mti-add-btn-bg-color: var(--mti-add-btn-bg-color, rgba(163, 163, 163, .5)); // 添加按钮背景色
$mti-captain-badge-color: var(--mti-captain-badge-color, #08bcc8); // 队长标志颜色

// 字体系统
$mti-team-name-font-size: var(--mti-team-name-font-size, .24rem); // 队伍名称字体大小
$mti-member-name-font-size: var(--mti-member-name-font-size, .18rem); // 成员昵称字体大小
$mti-add-text-font-size: var(--mti-add-text-font-size, .18rem); // 添加文字字体大小

// 圆角系统
$mti-card-radius: var(--mti-card-radius, .1rem); // 卡片圆角
$mti-header-radius: var(--mti-header-radius, .1rem .1rem 0 0); // 头部圆角
$mti-avatar-radius: var(--mti-avatar-radius, 50%); // 头像圆角
$mti-captain-badge-radius: var(--mti-captain-badge-radius, 50%); // 队长标志圆角

// 阴影系统
$mti-card-shadow: var(--mti-card-shadow, none); // 卡片阴影

// 其他
$mti-avatar-border-width: var(--mti-avatar-border-width, .02rem); // 头像边框宽度
$mti-divider-height: var(--mti-divider-height, .02rem); // 分割线高度