// colors
@primary: #42769e;
@dark: #1f2a33;
@dark-grey: #667480;
@grey: #a1abb3;
@medium-grey: #c3ccd4;
@light-grey: #f5f8fa;
@white: #ffffff;
@blue: #65a1cf;
@red: #a13c3a;
@dark-red: #913c3a;
@dark-blue: #3a6687;
@extra-dark-red: #c27978;
@extra-dark-blue: #7b9fbb;
@blue-grey: #e4ebf0;
@light-blue: #eff7fc;
@dark-blue: #478cc1;

// opacity-color
@opacity-dark: rgba(31, 42, 51, 0.46);
@opacity-black: rgba(31, 42, 51, 0.3);

// ---不常用颜色 start---
@error-red: #a94442;
@success-green: #488378;
@notice-blue: #436f8c;
@warning-yellow: #b28d4c;
// ---end---

@dirty-grey: #667580;
@btn-hover: #42769e; // same as primary