:root {
  --colors-primary-fill: 255, 255, 255;
  --colors-primary-base-fill: 0, 200, 175;
  --colors-primary-base: rgb(var(--colors-primary-base-fill));
  --colors-primary-hover: #4dd8c7;
  // --colors-primary-hover: #008B7A;
  --colors-primary-active: #008b7a;
  --colors-primary-click: #005046;
  --colors-warn: #fa3f48;
  --colors-color: #999;
  --colors-border-color: rgba(var(--colors-primary-fill), 0.16);
  --colors-content-color: rgb(--colors-primary-fill);

  --colors-normal-back: rgba(var(--colors-primary-fill), 0.1);
  --colors-normal-base: rgba(var(--colors-primary-fill), 0.4);
  --colors-normal-hover: rgba(var(--colors-primary-fill), 1);
  --colors-normal-click: var(--colors-primary-click);

  --colors-normal-fill-back: var(--colors-normal-back);
  --colors-normal-fill-base: var(--colors-normal-base);
  --colors-normal-fill-hover: var(--colors-normal-hover);
  --colors-normal-fill-click: var(--colors-primary-click);

  --colors-error-fill: 250, 63, 72;

  --small-size: 12px;
  --medium-size: 14px;
  --big-size: 16px;

  // 正常
  --color-main-normal: var(--colors-primary-base);
  // 悬停
  --color-main-hover: var(--colors-primary-hover);
  // 点击
  --color-main-focus: var(--colors-primary-click);

  --editor-head-filter: blur(0px);
  --editor-head-height: 50px;

  --editor-head-back: rgba(20, 20, 20, 0.86);

  --editor-menu-filter: var(--editor-head-filter);
  --editor-menu-width: 80px;
  --editor-menu-left: 0px;
  --editor-menu-right: 0px;
  --editer-menu-fill: 27, 27, 28;
  --editor-menu-back: rgba(var(--editer-menu-fill), 0.8);
  --editor-menu-active-back: rgba(var(--colors-primary-fill), 0.06);
  --editor-menu-color: #999;
  --editor-menu-active: rgba(255, 255, 255, 0.06);

  --editor-toolbox-top: var(--editor-head-height);
  --editor-toolbox-left: calc(
    var(--editor-menu-left) + var(--editor-menu-width)
  );
  --editor-toolbox-width: 340px;
  --editor-toolbox-back: var(--editor-menu-back);
  --editor-toolbox-padding: 20px;
  --editor-toolbar-height: 60px;
}
