// 组件变量
// 名称可按如下规则定义：
// <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

$background-base-color: var(--color-white);
$padding-none: 0;
$padding-sm: var(--padding-1n);
$tabs-background-color: $background-base-color;
$tabs-tab-inactive-text-color: var(--color-text-secondary);
$tabs-tab-active-text-color: var(--color-primary);
$tabs-tab-line-height: var(--font-line-height-primary);
$tabs-tab-text-size: var(--font-size-primary);
$tabs-tab-padding: $padding-none var(--padding-3n);
$tabs-panel-padding: $padding-sm;
$tabs-line-color: var(--color-primary);
$tabs-line-border-bottom: 2px solid var(--color-primary);
$tabs-label-margin-top: var(--margin-4n);
$tabs-label-padding-bottom: var(--padding-4n);
$tabs-label-active-font-weight: var(--font-weight-regular);