ui: improve text contrast for subheading text in hero visual cards

[komalharshita]

Description

In the hero section visual cards ("Starter Code Ready" and "7-Step Roadmap"), the subtitle classes (hvc-sub) use a very light-gray color on a light-indigo background. This fails accessibility guidelines for minimum contrast ratio, rendering the subheadings unreadable.

We should adjust the CSS text color to a darker tone to increase contrast and readability.

Current Behavior

Subtitles like "Download and start immediately" have low contrast against card background.

Proposed Solution

1. Locate .hvc-sub style rules.
2. Change the color property to a darker gray or high-contrast shade that satisfies contrast guidelines.

Implementation Guidance

• Update CSS styles targeting .hvc-sub.

Acceptance Criteria

• Subtitles on the hero visual cards are legible.
• Contrast ratio satisfies WCAG 2.1 AA standards.

Contributor Guidelines

Interested in working on this issue?

1. Comment /assign to request assignment.
2. Wait until the issue shows you as the assignee.
3. Create a new branch for your changes.
4. Submit a Pull Request referencing this issue.

Please do not begin working on an issue already assigned to another contributor unless a maintainer confirms it is available.

[pisum-sativum]

@komalharshita I want to work on this project as a part of Gssoc 2026 kindly assign me this issue.

[pisum-sativum]

/assign

[github-actions]

Hey @pisum-sativum, this issue is already assigned to @komalharshita. Please find another open issue!