fix(ui): fix dark text in dark mode for carrer page

[AyushK5ingh]

Description

This PR fixes #7653.

Previously, certain text elements on the Careers page remained dark when toggling dark mode, resulting in poor visibility. This PR resolves the issue by updating src/collections/careers/Career.style.js to use the dynamic theme color variable (whiteSevenFiveToBlackSevenFive) for paragraphs, list items, and footer text elements.

Additionally, smooth cubic-bezier transitions (0.8s cubic-bezier(0.2, 0.8, 0.2, 1)) were added to these elements to ensure a fluid visual change when the user toggles the theme.

Notes for Reviewers

• Navigate to the Careers page and toggle between light and dark modes.
• Verify that the text inside the body sections, qualifications list, and job details footer now properly adapts to the dark theme and is fully legible.
• Observe the smooth transition effect during the theme switch.
  Signed commits

• Yes, I signed my commits.

[github-actions]

🚀 Preview deployment: https://layer5.io/pr-preview/pr-7655/

Note: Preview may take a moment (GitHub Pages deployment in progress). Please wait and refresh. Track deployment here

[rishiraj38]

Please add the reference image before and after.

[Sbragul26]

@AyushK5ingh , I checked the page link, but I couldn’t see this issue on my side. The text looks white on the dark background and seems fine. Could you share more details or a screenshot if the issue is still happening?

[AyushK5ingh]

I doesn't reproduce like that. It occurs when u bavigate through website to that page then it make transition sort of animation to black

[AyushK5ingh]

before with after at end

Screen.Recording.2026-04-24.133124.mp4

after

Screen.Recording.2026-04-24.132821.mp4

before is not consistent somehow. but majority of time it is reproducing.