/*
 * desc: 创建战队弹窗组件样式变量
 * date: 2025-08-15
 * author: lauheeliu
 * email: lauheeliu@tencent.com
 */

// 间距系统
$ctp-content-p-lr: var(--ctp-content-p-lr, .32rem); // 内容左右间距
$ctp-content-p-tb: var(--ctp-content-p-tb, .32rem); // 内容上下间距
$ctp-avatar-size: var(--ctp-avatar-size, 1.44rem); // 头像尺寸
$ctp-upload-size: var(--ctp-upload-size, 1.2rem); // 上传按钮尺寸
$ctp-option-height: var(--ctp-option-height, 1.12rem); // 选项高度
$ctp-option-upload-height: var(--ctp-option-upload-height, 1.52rem); // 上传选项高度

// 块状系统
$ctp-title-height: var(--ctp-title-height, .88rem); // 弹窗标题高度
$ctp-name-input-height: var(--ctp-name-input-height, .88rem); // 名称输入框高度
$ctp-btn-height: var(--ctp-btn-height, .8rem); // 按钮高度

// 颜色系统
$ctp-bg-color: var(--ctp-bg-color, #fff); // 背景色
$ctp-border-color: var(--ctp-border-color, #e8e8e8); // 边框颜色
$ctp-divider-color: var(--ctp-divider-color, #ededed); // 分割线颜色
$ctp-placeholder-bg: var(--ctp-placeholder-bg, rgba(232, 232, 232, .50)); // 占位符背景色
$ctp-upload-bg: var(--ctp-upload-bg, #f5f5f5); // 上传区域背景色
$ctp-upload-icon-color: var(--ctp-upload-icon-color, #ccc); // 上传图标颜色

// 字体系统
$ctp-title-font-size: var(--ctp-title-font-size, .32rem); // 标题字体大小
$ctp-label-font-size: var(--ctp-label-font-size, .32rem); // 标签字体大小
$ctp-input-font-size: var(--ctp-input-font-size, .28rem); // 输入框字体大小
$ctp-placeholder-font-size: var(--ctp-placeholder-font-size, .28rem); // 占位符字体大小
$ctp-btn-font-size: var(--ctp-btn-font-size, .32rem); // 按钮字体大小

$ctp-text-color-primary: var(--ctp-text-color-primary, $text-color-primary); // 主文字颜色
$ctp-text-color-secondary: var(--ctp-text-color-secondary, $text-color-secondary); // 副文字颜色
$ctp-text-color-placeholder: var(--ctp-text-color-placeholder, #a3a3a3); // 占位符文字颜色

// 圆角系统
$ctp-avatar-radius: var(--ctp-avatar-radius, 50%); // 头像圆角
$ctp-input-radius: var(--ctp-input-radius, .08rem); // 输入框圆角
$ctp-upload-radius: var(--ctp-upload-radius, .12rem); // 上传区域圆角
$ctp-btn-radius: var(--ctp-btn-radius, .4rem); // 按钮圆角

// 阴影系统
$ctp-avatar-shadow: var(--ctp-avatar-shadow, 0 0 0 1px #a3a3a3); // 头像阴影

// 其他
$ctp-line-height: var(--ctp-line-height, 1.4); // 行高