@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             : #99c3ff;
  --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-form-label-width           : 130px; // 8个全角字符宽度
  --zaui-border-radius              : 4px;
  --zaui-border-radius-card         : 2px;
  --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;
}