@import '../variables.less';
@import '../core/index.less';
@import './tokens.less';

/* 兼容IE11  默认会生成2个值，默认值，var值。IE11下读取默认值 */
:root {
  --zaui-global-bg: #ffffff;
  --zaui-base-bg: #ffffff;
  --zaui-brand: #006aff;
  --zaui-brand-hover: #3387ff;
  --zaui-brand-active: #005ad9;
  --zaui-brand-disabled: color-mix(in srgb, var(--zaui-brand) 70%, white);
  --zaui-text: #343434;
  --zaui-text-weak: #616161;
  --zaui-aide-text: #909090;
  --zaui-placeholder: #a0a0a0;
  --zaui-link: var(--zaui-brand);
  --zaui-link-light-active: var(--zaui-brand-active);
  --zaui-line: #dcdcdc;
  --zaui-dividing-line: #dcdcdc;
  --zaui-area: #fafafa;
  --zaui-shadow: rgba(56, 56, 56, 0.15);
  --zaui-form-control-line: var(--zaui-line);
  --zaui-form-control-line-hover: var(--zaui-brand-hover);
  --zaui-form-control-line-active: var(--zaui-brand-active);
  --zaui-list-item-active-bg: var(--zaui-brand);
  --zaui-list-item-active-hover-bg: var(--zaui-brand);
  --zaui-list-item-selected-bg: var(--zaui-brand);
  --zaui-list-item-selected-hover-bg: var(--zaui-brand);
  --zaui-disabled-bg: #f2f2f2;
  --zaui-disabled-text: #333333;
  --zaui-feedback-overlay-bg: rgba(0, 0, 0, 0.7);
  --zaui-feedback-overlay-text: #343434;
  --zaui-primary: var(--zaui-brand);
  --zaui-primary-hover: var(--zaui-brand-hover);
  --zaui-primary-active: var(--zaui-brand-active);
  --zaui-danger-line: var(--zaui-line);
  --zaui-danger-bg: #fff2f0;
  --zaui-warning-line: var(--zaui-line);
  --zaui-warning-bg: #fffbe6;
  --zaui-info-line: var(--zaui-line);
  --zaui-info-bg: #e6f7ff;
  --zaui-success-line: var(--zaui-line);
  --zaui-success-bg: #f6ffed;
  --zaui-danger: #ff5050;
  --zaui-warning: #ec9131;
  --zaui-success: #00ae4d;
  --zaui-menu-top-bg: #ffffff;
  --zaui-menu-left-bg: #1a202d;
  --zaui-menu-second-bg: #ffffff;
  --zaui-form-align: left;
  --zaui-table-header-bg: #f2f3f5;
  --zaui-table-strip-bg: #fafafa;
  --zaui-table-hover-bg: #fafafa;
  --zaui-table-selected-bg: var(--zaui-table-hover-bg); // 默认同悬停
  --zaui-table-selected-hover-bg: var(--zaui-table-hover-bg); // 默认同悬停
  --zaui-table-nested-bg: #fafcfe;
  --zaui-contract-bg: #fffaa1; // 对比背景色
  --zaui-contract-bg-add: #d2fff4; // 新增对比背景色
  --zaui-form-label-width: 130px; // 8个全角字符宽度
  --zaui-border-radius: 8px;
  --zaui-border-radius-card: 4px;
  --zaui-font-size-title: 16px;
  --zaui-font-size-card-title: var(--zaui-font-size-title);
  --zaui-font-size: 14px;
  --zaui-font-size-sm: 12px;
  --zaui-font-size-md: var(--zaui-font-size);
  --zaui-font-size-lg: 16px;
  --zaui-font-size-xl: 18px;
  --zaui-font-size-xxl: 20px;
  --zaui-font-size-lg-title: 24px;
  --zaui-height-border: var(--zaui-height-size-md);
  --zaui-height-card: var(--zaui-height-size-lg);
  --zaui-height-size-xs: 4px;
  --zaui-height-size-sm: 8px;
  --zaui-height-size-md: 16px;
  --zaui-height-size-lg: 32px;
  --zaui-height-size-xl: 64px;
  --zaui-space-border: var(--zaui-space-size-md); // 兼容1.1.35一下版本 变量
  --zaui-space-card: var(--zaui-space-size-lg);
  --zaui-space-size-xs: 4px;
  --zaui-space-size-sm: 8px;
  --zaui-space-size-md: 16px;
  --zaui-space-size-lg: 32px;
  --zaui-space-size-xl: 64px;

  --zaui-line-height-base: 1.5;
  --zaui-size: 1;
  --zaui-base-font-size: 0px;
}