:root {
  /* Color Variables */
  /* Blue */
  --color_blue_900: #003b94;
  --color_blue_850: #014361; /* Notification color */
  --color_blue_800: #0050c7; /* Primary */
  --color_blue_700: #0066ff; /* Brand */
  --color_blue_600: #297eff;
  --color_blue_500: #5297ff;
  --color_blue_400: #7aafff;
  --color_blue_300: #a3c8ff;
  --color_blue_200: #b2d1ff;
  --color_blue_150: #e5f6fd; /* Notification bg */
  --color_blue_100: #e0edff;
  --color_blue_50: #f0f6ff;
  --color_blue_25: #e6f0ff;
  /* Gray */
  --color_gray_900: #1f1f1f;
  --color_gray_800: #383838;
  --color_gray_700: #525252;
  --color_gray_600: #6b6b6b;
  --color_gray_500: #858585;
  --color_gray_400: #9e9e9e;
  --color_gray_300: #b8b8b8;
  --color_gray_200: #d1d1d1;
  --color_gray_100: #ebebeb;
  --color_gray_50: #f7f7f7;
  /* White */
  --color-white: #ffffff;
  /* Red */
  --color-red: #5f2120;
  --color-red_300: #fdeded; /* Notification bg */
  /* Orange */
  --color-orange: #ba5c00;
  --color-orange_900: #633c00;
  --color-orange_300: #fff4e5; /* Notification bg */
  /* Green */
  --color-green: #008600;
  --color-green_900: #1e4620; /* Notification color */
  --color-green_600: #129488; /* Success */
  --color-green_300: #edf7ed; /* Notification bg */
}