// 全局 css 变量，注意，基础组件中，以 `--af-` 开头
:root {
  --font-family-all: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', helvetica, arial, sans-serif;
  --font-family: 'Microsoft YaHei';
  --font-size: 12px;
  --font-size-md: 14px;
  --line-height: 1.5;
  --primary-color: #345fa6;
  --primary-color-deep: #1a4fa3;
  --primary-color-deeper: #0f4aaa;
  --primary-color-light: #99afd2;
  --primary-color-lighter: #c2cfe4;
  --main-color: var(--primary-color);
  --info-color: var(--primary-color);
  --success-color: #4cd964;
  --danger-color: #f94242;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --aficon-color: inherit; // af icon 统一颜色, 采用继承颜色

  // component var
  --component-background: white;
  --disabled-color: rgba(black, 0.25);
  --transition-all: all 0.3s;
  --scroll-out-color: rgba(#dedede, 0.3);
  --scroll-inner-color: rgba(#dedede, 0.3);
  --component-color: #333;
  // color serials
  --primary-1: #82a2d8;
  --primary-2: #6e94d2;
  --primary-3: #5b85cc;
  --primary-4: #4777c6;
  --primary-5: #3a6ab9;
  --primary-6: #345fa6;
  --primary-7: #2e5493;
  --primary-8: #28497f;
  --primary-9: #223e6c;
  --primary-10: #1c3358;
  // form builder
  --form-builder-label-width: 8em;
  --form-builder-content-width: 160px;

  // tabs
  --tabs-color: #666;
  --tabs-bulge-normal-bg: white;
  --tabs-bulge-active-bg: linear-gradient(180deg, #eee 0%, #e1e1e1 100%);
  --tabs-bulge-active-color: #3f3f3f;

  // modal
  --af-modal-max-height: 35em;

  // form
  --formitem-highlight-color: orange;

  // tree
  --af-tree-node-height: 24px;
  --af-tree-node-border-radius: 2px;
  // tree-icon
  --af-tree-default-open-icon: '\e900'; // caretdown
  --af-tree-showline-open-icon: '\e905'; // minus-square-o
  --af-tree-showline-close-icon: '\e904'; // plus-square-o
  --af-tree-doc-icon: '\e902'; // file-leaf
  --af-tree-loading-icon: '\e903'; // loading_1
}