/* css变量声明 */
:root {
  /* 主题色 */
  --color-primary: #079d50;
  --color-primary-hover: #06753c;

  /* 提示消息颜色 */
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #d74646;
  --color-info: #909399;

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

  /* 背景色 */
  --background-primary: #f8f8f8;
  --background-regular: white;
  --background-warning: #fcf8e3;
  --background-orange: #ff5a00;

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

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

  /* 边框颜色 */
  --border-color-base: rgba(0, 0, 0, 0.2);
  --border-color-light: #e5e5e5;
  --border-color-lighter: #f2f2f2;
  --border-color-extra-light: #f2f6fc;

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