/**
 *
 * This file may have been modified by Bytedance Inc. (“Bytedance Inc.'s Modifications”). 
 * All Bytedance Inc.'s Modifications are Copyright (year) Bytedance Inc..  
 * 
 * This source code is licensed under the Apache license.
 * See LICENSE file in the project root for license information.
 *
 */
@import './themes/default.less';
@import './themes/variablesBase.less';

// # name=color&chinese=颜色&parentsName=root&childrenLevel=2
// ## name=color-primary&chinese=品牌主色&parentsName=color&childrenLevel=3
@color-primary-active: @Blue-3; //  chinese=品牌色-加深&parentsName=color-primary
@color-primary-brand: @Blue-4; //  chinese=品牌色-常规&parentsName=color-primary
@color-primary-hover: @Blue-5; //  chinese=品牌色-变浅&parentsName=color-primary
@color-primary-disable: @Blue-7; //  chinese=品牌色-不可点&parentsName=color-primary
@color-primary-bright: @Blue-9; //  chinese=品牌色-加亮&parentsName=color-primary
@color-primary-highlight: @Blue-10; //  chinese=品牌色-最亮&parentsName=color-primary

// ## name=color-function-danger&chinese=功能色-红&parentsName=color&childrenLevel=3
@color-function-danger-active: @Red-3; //  chinese=功能色红色-按下态&parentsName=color-function-danger
@color-function-danger-main: @Red-4; //  chinese=功能色红色-默认&parentsName=color-function-danger
@color-function-danger-hover: @Red-6; //  chinese=功能色红色-悬浮态&parentsName=color-function-danger
@color-function-danger-disable: @Red-7; //  chinese=功能色红色-不可点&parentsName=color-function-danger
@color-function-danger-bright: @Red-9; //  chinese=功能色红色-加亮&parentsName=color-function-danger
@color-function-danger-highlight: @Red-10; //  chinese=功能色红色-最亮&parentsName=color-function-danger

// ## name=color-function-success&chinese=功能色-绿&parentsName=color&childrenLevel=3
@color-function-success-active: @Green-3; //  chinese=功能色绿色-按下态&parentsName=color-function-success
@color-function-success-main: @Green-4; //  chinese=功能色绿色-默认&parentsName=color-function-success
@color-function-success-hover: @Green-7; //  chinese=功能色绿色-悬浮态&parentsName=color-function-success
@color-function-success-disable: @Green-8; //  chinese=功能色绿色-不可点&parentsName=color-function-success
@color-function-success-bright: @Green-9; //  chinese=功能色绿色-加亮&parentsName=color-function-success
@color-function-success-highlight: @Green-10; //  chinese=功能色绿色-最亮&parentsName=color-function-success

// ## name=color-function-warning&chinese=功能色-黄&parentsName=color&childrenLevel=3
@color-function-warning-active: @Orange-3; //  chinese=功能色黄色-按下态&parentsName=color-function-warning
@color-function-warning-main: @Orange-4; //  chinese=功能色黄色-默认&parentsName=color-function-warning
@color-function-warning-hover: @Orange-7; //  chinese=功能色黄色-悬浮态&parentsName=color-function-warning
@color-function-warning-disable: @Orange-8; //  chinese=功能色黄色-不可点&parentsName=color-function-warning
@color-function-warning-bright: @Orange-9; //  chinese=功能色黄色-加亮&parentsName=color-function-warning
@color-function-warning-highlight: @Orange-10; //  chinese=功能色黄色-最亮&parentsName=color-function-warning

// ## name=color-function-link&chinese=链接&parentsName=color&childrenLevel=3
@color-function-link-active: @Blue-3; //  chinese=链接色-按下态，例：链接按下&parentsName=color-function-link
@color-function-link-main: @Blue-4; //  chinese=链接色-默认，例：链接默认态&parentsName=color-function-link
@color-function-link-hover: @Blue-5; //  chinese=链接色-悬浮态，例：链接悬浮态&parentsName=color-function-link
@color-function-link-bright: @Blue-9; //  chinese=链接色-加亮&parentsName=color-function-link
@color-function-link-highlight: @Blue-10; //  chinese=链接色-最亮&parentsName=color-function-link

// ## name=color-text&chinese=文本色&parentsName=color&childrenLevel=3
@color-text-icon-0: @Gray-1; //  chinese=主要文本色&parentsName=color-text
@color-text-icon-1: @Gray-2; //  chinese=二级本色&parentsName=color-text
@color-text-icon-2: @Gray-3; //  chinese=次要文本色&parentsName=color-text
@color-text-icon-3: @Gray-4; //  chinese=最次要文本色&parentsName=color-text

// ## name=color-fill&chinese=填充色&parentsName=color&childrenLevel=3
@color-fill-deepen-0: rgba(0, 0, 0, 0.85); //  chinese=tooltips填充色&parentsName=color-fill
@color-fill-deepen-1: rgba(0, 0, 0, 0.65); //  chinese=mask填充色&parentsName=color-fill
@color-fill-deepen-1_2: rgba(0, 0, 0, 0.45); //  chinese=mask填充色2&parentsName=color-fill
@color-fill-deepen-2: rgba(0, 0, 0, 0.25); //  chinese=表格内表示状态已关闭的圆点填充色&parentsName=color-fill
@color-fill-deepen-3: rgba(0, 0, 0, 0.08); //  chinese=标签描边色&parentsName=color-fill
@color-fill-deepen-4: rgba(0, 0, 0, 0.04); //  chinese=hover填充色、标签背景色、disable填充色&parentsName=color-fill
@color-fill-fade-0: rgb(255, 255, 255); //  chinese=三级按钮填充色、输入框等填充色、白色填充&parentsName=color-fill
@color-fill-fade-1: rgba(255, 255, 255, 0.85); //  chinese=白色填充1&parentsName=color-fill
@color-fill-fade-2: rgba(255, 255, 255, 0.65); //  chinese=白色填充2&parentsName=color-fill
@color-fill-fade-3: rgba(255, 255, 255, 0.45); //  chinese=白色填充3&parentsName=color-fill
@color-fill-fade-4: rgba(255, 255, 255, 0.25); //  chinese=白色填充4&parentsName=color-fill

// ## name=color-background&chinese=背景色&parentsName=color&childrenLevel=3
@color-background-module: @Gray-8; //  chinese=模块背景色、表头背景色&parentsName=color-background
@color-background-frame: @Gray-9; //  chinese=卡片背景色&parentsName=color-background
@color-background-page: @Gray-7; //  chinese=网站背景色&parentsName=color-background
@color-background-kit: @Gray-6; //  chinese=网站背景色2&parentsName=color-background

// ## name=color-line&chinese=线颜色&parentsName=color&childrenLevel=3
@color-line-0: @Gray-5; //  chinese=线-重&parentsName=color-line
@color-line-1: @Gray-6; //  chinese=线-轻&parentsName=color-line

// # name=corner&chinese=圆角&parentsName=root&childrenLevel=3
@border-radius-base: @Corner-2; //  chinese=圆角-基础&parentsName=corner
@corner-xs: @Corner-1; //  chinese=圆角-超小&parentsName=corner
@corner-s: @Corner-2; //  chinese=圆角-小&parentsName=corner
@corner-m: @Corner-4; //  chinese=圆角-中&parentsName=corner
@corner-l: @Corner-6; //  chinese=圆角-大&parentsName=corner
@corner-semicircle: @Corner-circle; //  chinese=全圆角&parentsName=corner

// # name=line&chinese=线&parentsName=root&childrenLevel=3
@line-solid-regular: 1px solid; //  chinese=实线&parentsName=line
@line-dotted-regular: 1px dashed; //  chinese=虚线&parentsName=line

// # name=spacing&chinese=间距&parentsName=root&childrenLevel=3
@spacing-xs: @Spacing-2; //  chinese=超小间距&parentsName=spacing
@spacing-s: @Spacing-3; //  chinese=小间距&parentsName=spacing
@spacing-m: @Spacing-4; //  chinese=中间距&parentsName=spacing
@spacing-l: @Spacing-6; //  chinese=大间距&parentsName=spacing
@spacing-xl: @Spacing-8; //  chinese=超大间距&parentsName=spacing
@spacing-xxl: @Spacing-12; //  chinese=最大间距&parentsName=spacing

// # name=shadow&chinese=阴影&parentsName=root&childrenLevel=3
@shadow-base: 0 0 0 2px rgba(0, 0, 0, 0.04); //  chinese=基础阴影-输入框的active状态&parentsName=shadow
@shadow-z1-down: 0px 2px 8px 0px rgba(37, 41, 49, 0.1); //  chinese=一级阴影方向向下&parentsName=shadow
@shadow-z2-down: 0px 4px 16px 0px rgba(37, 41, 49, 0.08); //  chinese=二级阴影方向向下&parentsName=shadow
@shadow-z3-down: 0px 6px 32px 0px rgba(37, 41, 49, 0.06); //  chinese=三级阴影方向向下&parentsName=shadow
@shadow-z1-up: 0px -2px 8px 0px rgba(37, 41, 49, 0.1); //  chinese=一级阴影方向向上&parentsName=shadow
@shadow-z2-up: 0px -4px 16px 0px rgba(37, 41, 49, 0.08); //  chinese=二级阴影方向向上&parentsName=shadow
@shadow-z3-up: 0px -6px 32px 0px rgba(37, 41, 49, 0.06); //  chinese=三级阴影方向向上&parentsName=shadow
@shadow-z1-left: -2px 0px 8px 0px rgba(37, 41, 49, 0.1); //  chinese=一级阴影方向向左&parentsName=shadow
@shadow-z2-left: -4px 0px 16px 0px rgba(37, 41, 49, 0.08); //  chinese=二级阴影方向向左&parentsName=shadow
@shadow-z3-left: -6px 0px 32px 0px rgba(37, 41, 49, 0.06); //  chinese=三级阴影方向向左&parentsName=shadow
@shadow-z1-right: 2px 0px 8px 0px rgba(37, 41, 49, 0.1); //  chinese=一级阴影方向向右&parentsName=shadow
@shadow-z2-right: 4px 0px 16px 0px rgba(37, 41, 49, 0.08); //  chinese=二级阴影方向向右&parentsName=shadow
@shadow-z3-right: 6px 0px 32px 0px rgba(37, 41, 49, 0.06); //  chinese=三级阴影方向向右&parentsName=shadow

// # name=font&chinese=排版&parentsName=root&childrenLevel=2
// ## name=font-display&chinese=null&parentsName=font&childrenLevel=4
// ### name=font-display-2&chinese=重要数据展示&parentsName=font-display
@font-display-2-Size: @Font-Size-10; //  chinese=重要数据展示 font-size&parentsName=font-display-2
@font-display-2-Lineheight: @Font-Lineheight-10; //  chinese=重要数据展示 line-height&parentsName=font-display-2
@font-display-2-Weight: @Font-Weight-2; //  chinese=重要数据展示 font-weight&parentsName=font-display-2

// ### name=font-display-1&chinese=次级数据展示&parentsName=font-display
@font-display-1-Size: @Font-Size-6; //  chinese=次级数据展示 font-size&parentsName=font-display-1
@font-display-1-Lineheight: @Font-Lineheight-6; //  chinese=次级数据展示 line-height&parentsName=font-display-1
@font-display-1-Weight: @Font-Weight-2; //  chinese=次级数据展示 font-weight&parentsName=font-display-1

// ## name=font-headline&chinese=null&parentsName=font&childrenLevel=4
// ### name=font-headtitle&chinese=标题-大&parentsName=font-headline
@font-headtitle-Size: @Font-Size-4; //  chinese=标题-大 font-size&parentsName=font-headtitle
@font-headtitle-Lineheight: @Font-Lineheight-4; //  chinese=标题-大 line-height&parentsName=font-headtitle
@font-headtitle-Weight: @Font-Weight-2; //  chinese=标题-大 font-weight&parentsName=font-headtitle

// ## name=font-title&chinese=undefined&parentsName=font&childrenLevel=4
// ### name=font-title-medium&chinese=标题-常规&parentsName=font-title
@font-title-Size: @Font-Size-2; //  chinese=标题-常规 font-size&parentsName=font-title-medium
@font-title-Lineheight: @Font-Lineheight-2; //  chinese=标题-常规 line-height&parentsName=font-title-medium
@font-title-Weight: @Font-Weight-2; //  chinese=标题-常规 font-weight&parentsName=font-title-medium

// ### name=font-subtitle-medium&chinese=副标题-加粗&parentsName=font-title
@font-subtitle-medium-Size: @Font-Size-2; //  chinese=副标题-加粗 font-size&parentsName=font-subtitle-medium
@font-subtitle-medium-Lineheight: @Font-Lineheight-2; //  chinese=副标题-加粗 line-height&parentsName=font-subtitle-medium
@font-subtitle-medium-Weight: @Font-Weight-2; //  chinese=副标题-加粗 font-weight&parentsName=font-subtitle-medium

// ### name=font-subtitle-regular&chinese=副标题-常规&parentsName=font-title
@font-subtitle-regular-Size: @Font-Size-2; //  chinese=副标题-常规 font-size&parentsName=font-subtitle-regular
@font-subtitle-regular-Lineheight: @Font-Lineheight-2; //  chinese=副标题-常规 line-height&parentsName=font-subtitle-regular
@font-subtitle-regular-Weight: @Font-Weight-1; //  chinese=副标题-常规 font-weight&parentsName=font-subtitle-regular

// ## name=font-body&chinese=null&parentsName=font&childrenLevel=4
// ### name=font-body-medium&chinese=正文加粗&parentsName=font-body
@font-body-medium-Size: @Font-Size-1; //  chinese=正文加粗 font-size&parentsName=font-body-medium
@font-body-medium-Lineheight: @Font-Lineheight-1; //  chinese=正文加粗 line-height&parentsName=font-body-medium
@font-body-medium-Weight: @Font-Weight-2; //  chinese=正文加粗 font-weight&parentsName=font-body-medium

// ### name=font-body-regular&chinese=正文常规&parentsName=font-body
@font-body-regular-Size: @Font-Size-1; //  chinese=正文常规 font-size&parentsName=font-body-regular
@font-body-regular-Lineheight: @Font-Lineheight-1; //  chinese=正文常规 line-height&parentsName=font-body-regular
@font-body-regular-Weight: @Font-Weight-1; //  chinese=正文常规 font-weight&parentsName=font-body-regular

// ## name=font-assets&chinese=undefined&parentsName=font&childrenLevel=4
// ### name=font-assets-caption-medium&chinese=次级正文加粗&parentsName=font-assets
@font-assets-caption-medium-Size: @Font-Size-0; //  chinese=次级正文加粗 font-size&parentsName=font-assets-caption-medium
@font-assets-caption-medium-Lineheight: @Font-Lineheight-0; //  chinese=次级正文加粗 line-height&parentsName=font-assets-caption-medium
@font-assets-caption-medium-Weight: @Font-Weight-2; //  chinese=次级正文加粗 font-weight&parentsName=font-assets-caption-medium

// ### name=font-assets-caption-regular&chinese=提示文字、标签、按钮、次级正文&parentsName=font-assets
@font-assets-caption-regular-Size: @Font-Size-0; //  chinese=提示文字、标签、按钮、次级正文 font-size&parentsName=font-assets-caption-regular
@font-assets-caption-regular-Lineheight: @Font-Lineheight-0; //  chinese=提示文字、标签、按钮、次级正文 line-height&parentsName=font-assets-caption-regular
@font-assets-caption-regular-Weight: @Font-Weight-1; //  chinese=提示文字、标签、按钮、次级正文 font-weight&parentsName=font-assets-caption-regular

// ## name=font-family&chinese=null&parentsName=font&childrenLevel=3
@font-family-base: @font-family; //  chinese=基础字体&parentsName=font-family