✨ Improvement: Avoid Arbitrary Color Classes When Design Tokens Are Defined

[rahul24167]

📜 Description

The project defines a comprehensive color system using CSS variables in globals.css and maps them via Tailwind tokens in tailwind.config.ts (e.g. bg-primary, text-primary, etc.).

However, throughout the codebase, arbitrary Tailwind color classes are still being used, for example:

1. In the HeroSection

👟 Reproduction steps

No response

👍 Expected behavior

No response

📃 Provide any additional context for the Bug.

No response

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to submit PR?

Yes I am willing to submit a PR!