fixed ui : increase quote text contrast on games quiz

[RootGaurav]

🔖 PR Title

fix(ui): increase quote text contrast on Games quiz page

📄 Description

• Improves readability of the quote/caption by raising color contrast to meet accessibility expectations and remain legible in light/dark themes.[1]

• Includes before/after screenshots and notes on verification across breakpoints.[1]

• Bug Fix ✅

• New Feature ✨

• Enhancement 🔧

• Documentation 📝

• UI/UX Update 🎨

🧑‍💻 Changes Made

• Adjusted text color token/CSS variable for quote component in Games quiz container.
• Verified contrast against background; ensured styles apply consistently across themes.
• Updated styles/tests as needed to avoid regressions.

📚 Documentation Updated?

• N/A (no docs affected)

🖼️ Screenshots / Recording

• Before: low-contrast quote text.
• After: improved contrast and readability.

💡 Tech Stack

• HTML, CSS.

🗂 Files Changed

• List key files, e.g.:
  • ./pages/games/quiz.html (or component file)

🔗 Issue Reference

Closes #371

🧩 Contribution Type

• Frontend 🎯
• Backend 🔙
• UI/UX 🎨
• Documentation 📘
• Bug Fix 🐛
• Feature 🚀
• Optimization ♻️

✅ QA / Verification

• Manually tested in light and dark theme, desktop and mobile breakpoints.
• All CI/style checks pass.

🙏 Additional Info

• No visual regressions expected; scoped changes to quote component only.

[vercel]

@RootGaurav is attempting to deploy a commit to the vaibhavbabele's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

👋 Hi @RootGaurav, thank you for opening this Pull Request!
🔧 Please ensure the following:

• ✅ Resolve any merge conflicts, if they exist.make sure you have updated your local repo to avoid conflicts. and solve in your local repo. do not solve in github editor.try to solve in your local repo in vs code or any other editor.
• 🧾 Clearly mention the issue number you are solving (e.g., Fixes #issue_number).
• 📎 Please update your PR description if anything is unclear or incorrect.
• 📷 Attach a screenshot or screen recording of your fix.
• 💬 Kindly share the PR link in the Discord server manually for better tracking.
• if follow the guidelines and fit to project then label according to pr otherwise close the pr.

Happy Contributing! 🚀

[github-actions]

⚠️ Merge Conflict Detected!
Hi @RootGaurav, your pull request currently has a merge conflict with the base branch. Please resolve the conflict so your PR can be merged.
---
## How to Resolve a Merge Conflict (Step-by-Step)
1. Checkout your PR branch:
bash git checkout newfeature

  2. **Fetch the latest changes from the main branch:**
     ```bash
     git fetch origin
     git pull origin main
     ```
  
  3. **Git will show conflict markers in files with conflicts. Open those files, and manually edit them to resolve the differences. Conflict sections look like:**
     ```
     <<<<<<< HEAD
     Your changes
     =======
     Changes from base branch
     >>>>>>> main
     ```
  
  4. **After resolving the conflicts, mark them as resolved:**
     ```bash
     git add <file(s)-you-resolved>
     ```
  
  5. **Commit the resolution:**
     ```bash
     git commit -m "Resolve merge conflict"
     ```
  
  6. **Push your updated branch:**
     ```bash
     git push origin newfeature
     ```
  
  ---
  
  🔗 [GitHub Docs: Resolving merge conflicts](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/addressing-merge-conflicts/about-merge-conflicts)
  
  If you need any help, please ask your mentors by replying here!
  
  ---
  
  *This is an automated message to help you resolve merge conflicts and get your PR ready for review. Thank you!*