[Front-end]- Create Project wide Variables and Constants

[jumalaw98]

As a developer
I want to define global constants and variables
So that i can easily reuse them across the project

Additional Information
For easier re-usability across the project, define global variables for colors, fonts and other assets which are to be used across the application.
For CSS for instance to define global variables use:
:root {
--syt-primary-color: #252533;
--syt-secondary-color: #00ffc3;
--syt-white-color: #ffffff;
}
All the colors and fonts have already been defined by your respective Design Teams
Reference
Figma file

Acceptance Criteria

• Constants and variables should follow the project global universal format eg. camel case etc

[daveclinton]

Can I action on this issue? @jumalaw98

[jumalaw98]

I have updated the issue with the figma link, for reference