/* css变量声明 */
:root {
  /* 主题色 */
  --color-primary: #fcb91e;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #d74646;
  --color-info: #909399;
  --color-hover: #3879f1;

  /* 字体颜色 */
  --color-text-primary: #333333;
  --color-text-regular: #666666;
  --color-text-secondary: #999999;
  --color-text-placeholder: #c0c4cc;

  /* 背景色 */
  --background-primary: white;
  --background-regular: #f6f6f6;
  --background-secondary: #f5f5f5;

  /* 字体大小 */
  --font-size-min: 12px;
  --font-size-small: 14px;
  --font-size-normal: 16px;
  --font-size-big: 18px;
  --font-size-huge: 20px;

  /* 间距 */
  --space-min: 6px;
  --space-small: 8px;
  --space-base: 10px;
  --space-big: 16px;
  --space-huge: 20px;

  /* 边框颜色 */
  --border-color-base: #f5f5f5;
  --border-color-light: #4a4e4f;
  --border-color-lighter: #dddddd;
  --border-color-extra-light: #f2f6fc;

  /* 圆角 */
  --border-radius-min: 4px;
  --border-radius-small: 6px;
  --border-radius-base: 8px;
  --border-radius-big: 10px;
  --border-radius-huge: 20px;
}