:root {
  --body-bg: #FBFBFB;
  --blue: #86b7fe;
  --white: #fff;
  --text-color: #323232;
  --gray-light: #f0f0f0;
  --input-stroke: #d6d6d6;
  --gray-100: #7b7b7b;
  --gray--200: #616161;
  --gray-300: #bababa;
  --gray-400: #444444;
  --gray-500: #3d3d3d;
  --gray-600: #9e9e9e;
  --gray-700: #424242;
  --red: #f44335;
  --light-red: #ffebee;
  --light-gray: #fafafa;
  --dark-red: #da2a1c;
  --border-gray-100: #d4d4d4;

  --material-gray: #455a64;
  --material-purple: #2196f3;
  --material-green: #2e7d32;
  --material-pink: #d81b60;
  --material-blue: #01579b;
  --material-red: #d32f2f;
  --material-orange: #ffab00;
}