:root {
  --color-primary: var(--blue-500);
  --color-secondary: var(--green-500);
  --text-color: var(--grey-700);

  /*Customizing colors*/
  --blue-50: #ebf0f8;
  --blue-75: #d0e6f3;
  --blue-100: #87cefa;
  --blue-200: #66b1e2;
  --blue-250: #0097d5;
  --blue-300: #0088c0;
  --blue-350: #0088c0;
  --blue-400: #0080c5;
  --blue-450: #0000ff;
  --blue-500: #003da5;
  --blue-600: #0c2b77;
  --blue-700: #111f3b;
  --green-500: #2fcc78;
  --green-600: #23bc6b;
  --purple-300: #8c3782;
  --purple-400: #7d3983;
  --purple-500: #963982;
  --purple-600: #983982;
  --purple-700: #881d69;
  --red-500: #e56767;
  --orange-500: #d5705e;
  --grey-50: #f6f6f6;
  --grey-100: #e6e9ed;
  --grey-400: #c3c3c3;
  --grey-500: #6f6f6f;
  --grey-600: #707070;
  --grey-700: #3e3e3e;
  --grey-800: #292929;
  --black: #000;
  --white: #fff;
}