// 颜色变量
@import '../../../common/variables/color.scss';

$pale-brand: var(--CDS_pale_brand) !default;
$highlight-brand: var(--CDS_highlight_brand) !default;
$bright-brand: var(--CDS_bright_brand) !default;
$border-brand: var(--CDS_border_brand) !default;
$primary-brand: var(--CDS_primary_brand) !default;
$hover-brand: var(--CDS_hover_brand) !default;
$click-brand: var(--CDS_click_brand) !default;
$heavy-brand: var(--CDS_heavy_brand) !default;

$pale-danger: var(--CDS_pale_danger) !default;
$highlight-danger: var(--CDS_highlight_danger) !default;
$bright-danger: var(--CDS_bright_danger) !default;
$border-danger: var(--CDS_border_danger) !default;
$primary-danger: var(--CDS_primary_danger) !default;
$hover-danger: var(--CDS_hover_danger) !default;
$click-danger: var(--CDS_click_danger) !default;
$heavy-danger: var(--CDS_heavy_danger) !default;

$pale-warning: var(--CDS_pale_warning) !default;
$highlight-warning: var(--CDS_highlight_warning) !default;
$bright-warning: var(--CDS_bright_warning) !default;
$border-warning: var(--CDS_border_warning) !default;
$primary-warning: var(--CDS_primary_warning) !default;
$hover-warning: var(--CDS_hover_warning) !default;
$click-warning: var(--CDS_click_warning) !default;
$heavy-warning: var(--CDS_heavy_warning) !default;

$pale-alert: var(--CDS_pale_alert) !default;
$highlight-alert: var(--CDS_highlight_alert) !default;
$bright-alert: var(--CDS_bright_alert) !default;
$border-alert: var(--CDS_border_alert) !default;
$primary-alert: var(--CDS_primary_alert) !default;
$hover-alert: var(--CDS_hover_alert) !default;
$click-alert: var(--CDS_click_alert) !default;
$heavy-alert: var(--CDS_heavy_alert) !default;

$pale-success: var(--CDS_pale_success) !default;
$highlight-success: var(--CDS_highlight_success) !default;
$bright-success: var(--CDS_bright_success) !default;
$border-success: var(--CDS_border_success) !default;
$primary-success: var(--CDS_primary_success) !default;
$hover-success: var(--CDS_hover_success) !default;
$click-success: var(--CDS_click_success) !default;
$heavy-success: var(--CDS_heavy_success) !default;

$pale-turquoise: var(--CDS_pale_turquoise) !default;
$highlight-turquoise: var(--CDS_highlight_turquoise) !default;
$bright-turquoise: var(--CDS_bright_turquoise) !default;
$border-turquoise: var(--CDS_border_turquoise) !default;
$primary-turquoise: var(--CDS_primary_turquoise) !default;
$hover-turquoise: var(--CDS_hover_turquoise) !default;

$pale-purple: var(--CDS_pale_purple) !default;
$highlight-purple: var(--CDS_highlight_purple) !default;
$bright-purple: var(--CDS_bright_purple) !default;
$border-purple: var(--CDS_border_purple) !default;
$primary-purple: var(--CDS_primary_purple) !default;
$hover-purple: var(--CDS_hover_purple) !default;

$snow: var(--CDS_gray_00) !default;
$black: var(--CDS_black_01) !default;
$white: var(--CDS_white_01) !default;

$abs-white: var(--CDS_white_01) !default;

$white-01: var(--CDS_white_01) !default;
$white-02: var(--CDS_white_02) !default;
$white-03: var(--CDS_white_03) !default;
$white-04: var(--CDS_white_04) !default;
$white-05: var(--CDS_white_05) !default;

$black-01: var(--CDS_black_01) !default;
$black-02: var(--CDS_black_02) !default;

$gray-fill: var(--CDS_gray_fill) !default;
$line-hover: var(--CDS_gray_fill) !default;

$gray-filled: var(--CDS_gray_fill) !default;
$line-actived: var(--CDS_gray_fill) !default;
$line-select: var(--CDS_gray_fill) !default;
$line-selected: var(--CDS_gray_fill) !default;

$gray-click: var(--CDS_gray_fill) !default;
$line-click: var(--CDS_gray_fill) !default;

$gray-basic: var(--CDS_gray_basic) !default;
$basic: var(--CDS_gray_basic) !default;
$basic-fg: var(--CDS_gray_basic) !default;
$basic-bg: var(--CDS_gray_00) !default;

$line-color: var(--CDS_gray_basic) !default;

$gray-modal: var(--CDS_gray_modal) !default;
$modal-color: var(--CDS_gray_modal) !default;
$gray-popover: var(--CDS_gray_popover) !default;
$popover-color: var(--CDS_gray_popover) !default;

$gray-00: var(--CDS_gray_00) !default;
$gray-01: var(--CDS_gray_01) !default;
$gray-02: var(--CDS_gray_02) !default;
$gray-03: var(--CDS_gray_03) !default;
$gray-04: var(--CDS_gray_04) !default;
$gray-05: var(--CDS_gray_05) !default;
$gray-06: var(--CDS_gray_06) !default;
$gray-07: var(--CDS_gray_07) !default;
$gray-08: var(--CDS_gray_08) !default;

$shadow-color: var(--CDS_shadow_color) !default;

$dashboard-01: var(--CDS_data_orange) !default;
$dashboard-02: var(--CDS_data_red) !default;
$dashboard-03: var(--CDS_data_green) !default;
$dashboard-04: var(--CDS_data_purple) !default;
$dashboard-05: var(--CDS_data_blue) !default;
$dashboard-06: var(--CDS_data_cyan) !default;
$dashboard-07: var(--CDS_data_violet) !default;

$data-orange: var(--CDS_data_orange) !default;
$data-red: var(--CDS_data_red) !default;
$data-green: var(--CDS_data_green) !default;
$data-purple: var(--CDS_data_purple) !default;
$data-blue: var(--CDS_data_blue) !default;
$data-cyan: var(--CDS_data_cyan) !default;
$data-violet: var(--CDS_data_violet) !default;

$placeholder-01: var(--CDS_ph_plum) !default;
$placeholder-02: var(--CDS_ph_red) !default;
$placeholder-03: var(--CDS_ph_orange) !default;
$placeholder-04: var(--CDS_ph_amber) !default;
$placeholder-05: var(--CDS_ph_olive) !default;
$placeholder-06: var(--CDS_ph_sky) !default;
$placeholder-07: var(--CDS_ph_blue) !default;

$ph-plum: var(--CDS_ph_plum) !default;
$ph-red: var(--CDS_ph_red) !default;
$ph-orange: var(--CDS_ph_orange) !default;
$ph-amber: var(--CDS_ph_amber) !default;
$ph-olive: var(--CDS_ph_olive) !default;
$ph-sky: var(--CDS_ph_sky) !default;
$ph-blue: var(--CDS_ph_blue) !default;

// Chart 相关颜色，诸如 gantt 等场景使用
// 01 代表 soft
// 02 代表 hard
// 03 代表 deep
$lavender-soft: var(--CDS_ct_lavender_soft, rgba(158, 163, 255, 1));
$lavender-hard: var(--CDS_ct_lavender_hard, rgba(118, 127, 247, 1));
$coral-soft: var(--CDS_ct_coral_soft, rgba(253, 153, 143, 1));
$coral-hard: var(--CDS_ct_coral_hard, rgba(229, 106, 94, 1));
$water-soft: var(--CDS_ct_water_soft, rgba(149, 221, 255, 1));
$water-hard: var(--CDS_ct_water_hard, rgba(89, 197, 255, 1));
$neutral-soft: var(--CDS_ct_neutral_soft, rgba(217, 217, 217, 1));
$neutral-hard: var(--CDS_ct_neutral_hard, rgba(191, 191, 191, 1));
$neutral-deep: var(--CDS_ct_neutral_deep, rgba(140, 140, 140, 1));

$background-fill: $G0 !default;
$background-nav-search: transparent !default;

$background-section: var(--CDS_gray_modal) !default;
$background-layout: var(--CDS_gray_00) !default;
$background-overlay: var(--CDS_gray_modal) !default; // mark ！！
$background-switch-trigger: var(--CDS_white_01) !default;
$background-base: var(--CDS_gray_fill) !default;

$mask: var(--CDS_black_overlay) !default;
$overlay: var(--CDS_black_overlay) !default;

$shadow-00: var(--CDS_shadow_00) !default;
$shadow-01: var(--CDS_shadow_01) !default;
$shadow-02: var(--CDS_shadow_02) !default;
$shadow-03: var(--CDS_shadow_03) !default;
$shadow-04: var(--CDS_shadow_04) !default;
$shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4)) !default;
$shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1)) !default;
$shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14)) !default;
$shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18)) !default;
$shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24)) !default;

$cell-line-hover: var(--CDS_gray_fill) !default;
$cell-line-active: var(--CDS_gray_02) !default;

// custom-override-color

// tab 组件
$tab-wrapped-bg-color-hover: transparent;
$tab-wrapped-bg-color: transparent;
$tab-wrapped-bg-color-selected: var(--CDS_gray_basic);

// step
$step-dot-item-tail-wait-color: var(--CDS_gray_05) !default;
$step-dot-item-tail-process-color: var(--CDS_gray_05) !default;
$step-dot-item-tail-disabled-color: var(--CDS_gray_05) !default;
$step-circle-item-tail-wait-color: var(--CDS_gray_05) !default;
$step-circle-item-tail-process-color: var(--CDS_gray_05) !default;
$step-circle-item-tail-disabled-color: var(--CDS_gray_05) !default;

// pagination
$pagination-item-bg: transparent;

// nav mark
$nav-normal-bg-color: transparent !default;
$nav-normal-sub-nav-bg-color: transparent !default;
$nav-primary-text-color: var(--XDS_fg_color) !default;
$nav-primary-sub-nav-text-color: var(--XDS_fg_color) !default;
$nav-primary-group-text-color: var(--XDS_fg_color) !default;
$nav-primary-item-hover-text-color: var(--XDS_fg_color) !default;
$nav-primary-sub-nav-hover-text-color: var(--XDS_fg_color) !default;
$nav-primary-item-selected-text-color: var(--XDS_fg_color) !default;
$nav-primary-sub-nav-selected-text-color: var(--XDS_fg_color) !default;
$nav-primary-item-opened-text-color: var(--XDS_fg_color) !default;
$nav-primary-item-opened-bg-color: var(--XDS_line_hover_color) !default;
$nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color) !default;
$nav-primary-sub-nav-bg-color: transparent !default;

// table
$table-row-hover-bg: var(--CDS_gray_fill) !default;

// menu
$menu-background: var(--CDS_gray_popover) !default;
$menu-background-hover: var(--CDS_gray_fill) !default;
$menu-background-selected: var(--CDS_gray_filled) !default;
$menu-background-focus: var(--CDS_gray_filled) !default;
$menu-divider-color: var(--CDS_gray_03) !default;

// input
$input-bg-color: transparent !default;
$input-focus-bg-color: transparent !default;
$input-hover-bg-color: transparent !default;
$input-disabled-bg-color: var(--CDS_gray_fill) !default;
$input-addon-bg-color: var(--CDS_gray_fill) !default;

// tag
$tag-closable-primary-fill-bg-color: var(--CDS_gray_02) !default;
$tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03) !default;
$tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02) !default;
$tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04) !default;
$tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03) !default;
$tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05) !default;

// transfer
$transfer-panel-header-background-color: var(--CDS_gray_basic) !default;

// switch
$switch-disabled-on-bg-color: var(--CDS_gray_03) !default;

// searcher
$search-nav-search-bg-color: var(--CDS_gray_fill) !default;

// range
$range-normal-slider-bg-color: var(--CDS_white_01) !default;
$range-normal-slider-bg-color-hover: var(--CDS_white_01) !default;

// radio
$radio-bg-color: transparent !default;
$radio-disabled-bg-color: var(--CDS_gray_03) !default;

// calendar
$calendar-card-table-cell-disabled-background: var(--CDS_gray_fill) !default;
$calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill) !default;

// checkbox
$checkbox-bg-color: transparent !default;
$checkbox-disabled-bg-color: var(--CDS_gray_03) !default;

// ballon
$balloon-tooltip-color-primary-bg: rgba(0, 0, 0, .9) !important !default;
$balloon-tooltip-color-normal-bg: var(--CDS_gray_popover) !important !default;
$balloon-tooltip-color-normal: var(--CDS_gray_08) !default;
$balloon-tooltip-color-primary: var(--CDS_white_01) !default;

// button
$btn-warning-primary-bg-disabled: var(--CDS_gray_05) !default;
$btn-warning-primary-color-disabled: var(--CDS_white_01) !default;
$btn-warning-primary-border-color-disabled: transparent !default;
$btn-pure-color-disabled: var(--CDS_white_01) !default;
$btn-pure-bg-disabled: var(--CDS_gray_05) !default;
$btn-pure-border-color-disabled: var(--CDS_gray_05) !default;
// button ghost dark
$btn-ghost-dark-bg-normal: transparent !default;
$btn-ghost-dark-color: var(--CDS_gray_08) !default;
$btn-ghost-dark-color-hover: var(--CDS_gray_08) !default;
$btn-ghost-dark-color-active: var(--CDS_gray_08) !default;
$btn-ghost-dark-border-color-active: var(--CDS_gray_08) !default;
$btn-ghost-dark-border-color-hover: var(--CDS_gray_08) !default;
$btn-ghost-dark-border-color: var(--CDS_gray_08) !default;
$btn-ghost-dark-bg-hover: var(--CDS_gray_fill) !default;
$btn-ghost-dark-bg-active: var(--CDS_gray_03) !default;
$btn-ghost-dark-color-disabled: var(--CDS_gray_05) !default;
$btn-ghost-dark-border-color-disabled: var(--CDS_gray_05) !default;
// button ghost light
$btn-ghost-light-bg-normal: transparent !default;
$btn-ghost-light-border-color: var(--CDS_gray_08) !default;
$btn-ghost-light-color: var(--CDS_gray_08) !default;
$btn-ghost-light-color-active: var(--CDS_gray_08) !default;
$btn-ghost-light-color-hover: var(--CDS_gray_08) !default;
$btn-ghost-light-border-color-active: var(--CDS_gray_08) !default;
$btn-ghost-light-border-color-hover: var(--CDS_gray_08) !default;
$btn-ghost-light-bg-hover: var(--CDS_gray_02) !default;
$btn-ghost-light-bg-active: var(--CDS_gray_03) !default;
$btn-ghost-light-color-disabled: var(--CDS_gray_05) !default;
$btn-ghost-light-border-color-disabled: var(--CDS_gray_05) !default;