Sass color variables

[Ebenezr]

I'm not sure about some font sizes value found on design file, please review.

[netlify]

✅ Deploy Preview for rio-react ready!

Name	Link
🔨 Latest commit	cca1f92
🔍 Latest deploy log	https://app.netlify.com/sites/rio-react/deploys/6367bbca95059d0008d09f7f
😎 Deploy Preview	https://deploy-preview-19--rio-react.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[codecov-commenter]

Codecov Report

Merging #19 (0d3c2d9) into main (6d3ac81) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##              main       #19   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files            4         4           
  Lines            8         8           
=========================================
  Hits             8         8           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[nyandika]

Could you like give an example of how we will use this fonts and colors in the components

[Ebenezr]

Ok, I've updated my PR with documentation on how to use the sass variables

[nyandika]

Approving this with a caveat for now: caveat being the overall usage we may derive from this in conjunction with tailwind in there as well

[Ebenezr]

I'm also adding the variables to tailwind config file.

[Ebenezr]

Updated tailwind config file with design spec color and spacing variables