:root {
  --color--white: #ffffff;

  --color--grey-light: #dbdbdb;
  --color--grey-medium: #bfbfbf;
  --color--grey-medium-darker: #878787;
  
  --color--blue-main: #3a7bb8;


  --color--white_hover: #F2F2F2;

  --color--grey-light: #F2F2F2;
  --color--grey-light-darker: #ececec;


  --color--grey-dark: #333F48;

  --color--blue-primary: #006EFF;
  --color--blue-primary_hover: #0069f1;

  --color--green: #47C75D;
  --color--red: #DD291E;

  --color--lavender-light: #E2E5FB;
  --color--lavender: #bfc3e2;

  --color-dark: #242424;
  --color-primary: #108ee9;

  --color--black: #000000;
}