:root {
  /* color -------------------> */
  --color-text-dark: #262626;
  --color-text-dark-1: #595959;
  --color-text-gray: #8c8c8c;
  --color-text-gray-1: #aaa;
  --color-text-gray-2: #bfbfbf;
  --color-text-gray-3: #d3d5e0;
  --color-text-gray-4: #e0e1eb;
  --color-border: #dce3eb;
  --color-border-light: #e5e5e5;
  --color-border-bold: #d5d5d5;
  --color-background: #f6fcff;
  --form-color-border: #d9d9d9;

  /* status */
  --color-primary: #0673f9;
  --color-primary-light: #e8f3ff;
  --color-success: #00b42a;
  --color-success-light: #32cf8a;
  --color-warning: #ff9427;
  --color-danger: #fe5d4e;
  --color-cyan: #0077ff;
  --color-cyan-light: #5fc9fa;
  --color-blue: #3491fa;
  --color-blue-dark: #172666;
  --color-purple: #9877ff;
  --color-white: #fff;
  --color-dark: #262626;
  --color-transparent: transparent;

  /* shadow */
  --shadow-light: 0 0 1px rgba(0 0 0 0.15);

  /* size -------------------> */
  --font-size-base: 14px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
  --border-radius: 8px;
  --border-radius-large: 12px;
  --border-radius-huge: 20px;

  /* font-family */
  --font-family: SourceHanSansCN, 'Helvetica Neue', Helvetica, 'PingFang SC',
    'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;

  // element
  --el-color-primary: var(--color-primary);
  --el-border-color-lighter: var(--color-border-light);

  .el-table {
    --el-table-header-text-color: var(--color-text-dark);
    --el-table-text-color: var(--color-text-dark);
  }
}
