:root {
  --primary: #4fb6ff;
  --primary-2: #e4f4ff;
  --primary-3: #48adf5;
  --G-1: #45484c;
  --G-2: #67686a;
  --G-3: #767b82;
  --G-4: #b9bfca;
  --G-5: #bec0c4;
  --G-6: #c8cace;
  --G-7: #e3e6eb;
  --G-8: #edf0f4;
  --G-9: #f3f6f9;
  --G-10: #f9fafc;
  --R-1: #ff6868;
  --R-2: #ffd8d8;
  --R-3: #ffe2e2;
  --R-4: #ffecec;
  --GR-1: #3eb66e;
  --GR-2: #51d285;
  --Y-1: #ff9900;
  --W-1: #ffffff;
  --B-1: #1c1d1f;
  --B-3: #303235;
  --side-bar: #fff;
  --user-info: #e4f4ff;
  --hover-menu: #e4f4ff;
  --active-menu: #4fb6ff;
  --popup-header: #e4f4ff;
  --light-user-info: #e4f4ff4d;
}