:root {
  /* Transition
-------------------------- */
  --all-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  --fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  --fade-linear-transition: opacity 200ms linear;
  --md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  --border-transition-base: border-color .2s cubic-bezier(.645, .045, .355, 1);
  --color-transition-base: color .2s cubic-bezier(.645, .045, .355, 1);

  /* Colors
-------------------------- */
  --color-primary: #607ae3;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-success: #4d9c0d;
  --color-warning: #ffbb00;
  --color-danger: #e01a1a;
  --color-info: #909399;
  --color-disabled: #edf2fc;
  --color-special: #9a05f9;
  --color-special-1: #a8aa27;


  --color-primary-rgb: 96, 122, 227;
  --color-white-rgb: 255, 255, 255;
  --color-black-rgb: 0, 0, 0;
  --color-success-rgb: 103, 194, 58;
  --color-warning-rgb: 230, 162, 60;
  --color-danger-rgb: 245, 108, 108;
  --color-info-rgb: 144, 147, 153;
  --color-disabled-rgb: 237, 242, 252;
  --color-special-rgb: 154, 5, 249;

  --color-text-primary: #303133;
  --color-text-regular: #606266;
  --color-text-secondary: #909399;
  --color-text-placeholder: #C0C4CC;
  --border-color-dark: #909399;
  --border-color-base: #DCDFE6;
  --border-color-light: #E4E7ED;
  --border-color-lighter: #EBEEF5;
  --border-color-extra-light: #F2F6FC;
  --color-primary-light-9: #7087e6;
  --color-primary-light-8: #8095e9;
  --color-primary-light-7: #90a2eb;
  --color-primary-light-6: #a0afee;
  --color-primary-light-5: #b0bdf1;
  --color-primary-light-4: #bfcaf4;
  --color-primary-light-3: #cfd7f7;
  --color-primary-light-2: #dfe4f9;
  --color-primary-light-1: #eff2fc;
  --color-primary-dark-1: #566ecc;
  --color-primary-dark-2: #4d62b6;
  --color-primary-dark-3: #43559f;
  --color-primary-dark-4: #3a4988;
  --color-primary-dark-5: #303d72;
  --color-primary-dark-6: #26315b;
  --color-primary-dark-7: #1d2544;
  --color-primary-dark-8: #13182d;
  --color-primary-dark-9: #0a0c17;
  --color-success-light: #d7d8d6;
  --color-warning-light: #faecd8;
  --color-danger-light: #fde2e2;
  --color-info-light: #e9e9eb;
  --color-success-lighter: #f0f9eb;
  --color-warning-lighter: #fdf6ec;
  --color-danger-lighter: #fef0f0;
  --color-info-lighter: #f4f4f5;
  --background-color-base: #F2F2F2;
  --background-color-light: #f8f8f9;

}