/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-tip() {
  --ti-tips-normal-bg-color: var(--ti-common-color-bg-dark-deep, #464c59);
  --ti-tips-normal-text-color: var(--ti-common-color-light, #fff);

  --ti-tips-error-bg-color: #ff7875;
  --ti-tips-error-text-color: var(--ti-common-color-light, #fff);

  --ti-tips-succeed-bg-color: var(--ti-common-color-success-normal, #50d4ab);
  --ti-tips-succeed-text-color: var(--ti-common-color-light, #fff);

  --ti-tips-warning-bg-color: #fa8c16;
  --ti-tips-warning-text-color: var(--ti-common-color-light, #fff);

  --ti-tips-infor-bg-color: var(--ti-common-color-border, #adb0b8);
  --ti-tips-infor-text-color: var(--ti-common-color-info-normal, #252b3a);

  --ti-tips-bg-color: #ff7875;
  --ti-tips-border-radius: var(--ti-common-border-radius-normal, 2px);
  --ti-tips-height: 26px;
}
