/*
 * desc: 赛事未满人组件变量
 * date: 2025-08-07
 * author: alltasxiao
 * email: alltasxiao@tencent.com
 */

// 间距、块状系统
$snf-card-width: var(--snf-card-width, 100%); // 卡片宽度
$snf-card-padding: var(--snf-card-padding, .24rem); // 卡片内边距
$snf-card-border-radius: var(--snf-card-border-radius, .08rem); // 卡片圆角
$snf-header-height: var(--snf-header-height, 1.75rem); // 头部高度
$snf-avatar-size: var(--snf-avatar-size, .8rem); // 头像尺寸
$snf-avatar-border-width: var(--snf-avatar-border-width, .02rem); // 头像边框宽度
$snf-button-width: var(--snf-button-height, 5.94rem); // 按钮宽度
$snf-button-height: var(--snf-button-height, .88rem); // 按钮高度

// 颜色系统
$snf-card-bg: var(--snf-card-bg, $bg-color-page); // 卡片背景色
$snf-header-bg: var(--snf-header-bg, #4e2a1d); // 头部背景色
$snf-content-bg: var(--snf-content-bg, #f0f7ff); // 内容区背景色
$snf-avatar-border-color: var(--snf-avatar-border-color, #eff2f6); // 头像边框颜色
$snf-button-bg: var(--snf-button-bg, #1989fa); // 按钮背景色
$snf-button-color: var(--snf-button-color, #fff); // 按钮文字颜色
$snf-placeholder-bg: var(--snf-placeholder-bg, #fff); // 占位符背景色
$snf-placeholder-color: var(--snf-placeholder-color, #a3a3a3); // 占位符颜色

// 字体系统
$snf-teamname-font-size: var(--snf-teamname-font-size, $font-size-md); // 队伍&阵营名称字体大小
$snf-countdown-font-size: var(--snf-countdown-font-size, $font-size-sm); // 倒计时字体大小
$snf-desc-font-size: var(--snf-desc-font-size, $font-size-md); // 描述字体大小
$snf-tips-font-size: var(--snf-tips-font-size, $font-size-sm); // 提示字体大小
$snf-button-font-size: var(--snf-button-font-size, $font-size-md); // 按钮字体大小

$snf-teamname-color: var(--snf-teamname-color, #fff); // 队伍&阵营名称文字颜色
$snf-countdown-color: var(--snf-countdown-color, #fff); // 倒计时文字颜色
$snf-desc-color: var(--snf-desc-color, #333); // 描述文字颜色
$snf-tips-color: var(--snf-tips-color, #f97839); // 提示文字颜色

// 圆角系统
$snf-avatar-radius: var(--snf-avatar-radius, $radius-circle); // 头像圆角
$snf-button-radius: var(--snf-button-radius, $radius-sm); // 按钮圆角
$snf-placeholder-radius: var(--snf-placeholder-radius, $radius-circle); // 占位符圆角