Hello, Im doing the JS Mastery course and there Adrian is perhaps using the older versions of tailwind, he configured everything using tailwind config file but from what I have found on the internet this is replaced by globals.css in the current versions.

Specifically I need help with the part where he has added custom colors from his figma design into the tailwind config.
Since the process was repetitive, we are provided with the contents of the updated config file along with some other files which I'm attaching if someone needs reference

Please help me with what to change in my current globals.css file (its the default one which gets made when we run npx create next app) and if I need to modify any other files.

thankyou 🙂