:root {
  /* Define all your color variables here */
      --color-offwhite: #F7F7F7;
      --color-light-gray: #E4E4E4;
      --color-medium-gray: #b7b8b7;
      --color-dark-gray: #707070;
      --color-white: #ffffff;
      --color-black: #1A1818;
  
  /* Just in case they forgot... */
  --color-white: #fff;
  --color-black: #000;
}


.text-offwhite {
  color: #F7F7F7;
}
.bg-offwhite {
  background-color: #F7F7F7;
}


.text-light-gray {
  color: #E4E4E4;
}
.bg-light-gray {
  background-color: #E4E4E4;
}


.text-medium-gray {
  color: #b7b8b7;
}
.bg-medium-gray {
  background-color: #b7b8b7;
}


.text-dark-gray {
  color: #707070;
}
.bg-dark-gray {
  background-color: #707070;
}


.text-white {
  color: #ffffff;
}
.bg-white {
  background-color: #ffffff;
}


.text-black {
  color: #1A1818;
}
.bg-black {
  background-color: #1A1818;
}