[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 this issue, focus on defining global variables for colors, fonts, and other specific assets to be used across the application.
• 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;
}

element {
background-color: var(--main-bg-color);
}

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

Checkout Example

• Stackoverflow