// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]
// component:组件名，如button，
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（boder）等
// attr: 属性名称，如color、height、radius等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等
// 如：@button-line-bg-color-hover
// 如：@button-line-height-s

// 
$radio-font-size:$font-size-default !default;
$radio-width:16px !default;
$radio-height:16px !default;
$radio-radius:$border-radius !default; //  主要给checkbox用

$radio-text-color:$color-text !default;

$radio-border-color:$color-border !default;
$radio-border-color-hover:$color-primary !default;
$radio-border-color-focus:$color-primary !default;
$radio-border-color-disabled:$color-border !default;
$radio-border-color-checked:$color-primary !default;
$radio-border-color-checked-disabled:$color-primary-disabled !default;

$radio-bg-color:$color-bg !default;
$radio-bg-color-hover:$color-bg-hover !default;
$radio-bg-color-focus:$color-bg-hover !default;
$radio-bg-color-disabled:$color-bg-disabled !default;
$radio-bg-color-checked:$color-primary !default;
$radio-bg-color-checked-disabled:$color-primary-disabled !default;
$radio-dot-bg-color:$color-bg !default;