:root {
  /* Purple */
  --purple-500: #7A01F2;
  --purple-300: #CB97FF;
  --purple-50: #FCF9FF;

  /* Teal */
  --teal-700: #12C2CA;
  --teal-500: #7EF9FF;
  --teal-100: #E4F9FA;
  --teal-50: #F8FFFF;

  /* Black */
  --black: #0E101B;

  /* Grey */
  --grey-700: #111322;
  --grey-600: #30374F;
  --grey-500: #5D6B98;
  --grey-400: #7D89AF;
  --grey-300: #B9C0D4;
  --grey-200: #DCDDEA;
  --grey-100: #F9F9FB;

  /* White */
  --white: #FFFFFF;

  /* Red */
  --red-500: #E34031;
  --red-50: #FFEEED;

  /* Sand */
  --sand-500: #A7998E;
  --sand-100: #EEE0D4;
  --sand-50: #FFFAF5;
}