/*
 * desc: 赛事即将开始组件变量
 * date: 2025-08-15
 * author: alltasxiao
 * email: alltasxiao@tencent.com
 */

// 间距系统
$sns-card-padding: var(--sns-card-padding, .4rem); // 卡片内边距
$sns-status-bar-height: var(--sns-status-bar-height, .06rem); // 状态条高度
$sns-title-margin-bottom: var(--sns-title-margin-bottom, .32rem); // 标题下边距
$sns-countdown-margin-bottom: var(--sns-countdown-margin-bottom, .48rem); // 倒计时下边距
$sns-waitstart-margin: var(--sns-waitstart-margin, .4rem); // 待开赛按钮边距

// 块状系统
$sns-card-width: var(--sns-card-width, 6.86rem); // 卡片宽度
$sns-card-height: var(--sns-card-height, 4rem); // 卡片高度
$sns-countdown-item-width: var(--sns-countdown-item-width, .92rem); // 倒计时项宽度
$sns-countdown-item-height: var(--sns-countdown-item-height, .92rem); // 倒计时项高度
$sns-waitstart-width: var(--sns-waitstart-width, 6.06rem); // 待开赛按钮宽度
$sns-waitstart-height: var(--sns-button-height, .8rem); // 待开赛按钮高度

// 颜色系统
$sns-card-bg: var(--sns-card-bg, $bg-color-page); // 卡片背景色
$sns-status-bar-bg: var(--sns-status-bar-bg, $brand-primary-color); // 状态条背景色
$sns-title-color: var(--sns-title-color, #1c1c1c); // 标题颜色
$sns-countdown-bg: var(--sns-countdown-bg, $brand-primary-color); // 倒计时背景色
$sns-countdown-color: var(--sns-countdown-color, $bg-color-page); // 倒计时文字颜色
$sns-countdown-separator-color: var(--sns-countdown-separator-color, #9b9b9b); // 分隔符颜色
$sns-waitstart-bg: var(--sns-waitstart-bg, #9b9b9b); // 待开赛按钮背景色
$sns-waitstart-color: var(--sns-waitstart-color, #eff2f6); // 待开赛按钮文字颜色

// 字体系统
$sns-title-font-size: var(--sns-title-font-size, $font-size-md); // 标题字体大小
$sns-countdown-font-size: var(--sns-countdown-font-size, .52rem); // 倒计时字体大小
$sns-countdown-separator-font-size: var(--sns-countdown-separator-font-size, $font-size-md); // 分隔符字体大小
$sns-waitstart-font-size: var(--sns-waitstart-font-size, $font-size-md); // 待开赛按钮字体大小

// 圆角系统
$sns-card-radius: var(--sns-card-radius, $radius-sm); // 卡片圆角

// 阴影系统
$sns-card-shadow: var(--sns-card-shadow, 0 .04rem .12rem rgba(0, 0, 0, .1)); // 卡片阴影