From 4854f5c7cd841bbf1577ae54bc021d4f15f9f556 Mon Sep 17 00:00:00 2001
From: Cody Lloyd <119891065+colloyd@users.noreply.github.com>
Date: Mon, 19 Aug 2024 02:12:56 -0600
Subject: [PATCH] MWPW-147759 - quiz option contrast fixes (#2745)

MWPW-xxxx - quiz option contrast fixes

* adjusts the blue text color of selected option cards so they have enough accessible color contrast

Resolves: [MWPW-147759](https://jira.corp.adobe.com/browse/MWPW-147759)

**Test URLs:**
- Before: https://main--milo--adobecom.hlx.page/?martech=off
- After: https://<branch>--milo--adobecom.hlx.page/?martech=off
---
 libs/blocks/quiz/quiz.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/libs/blocks/quiz/quiz.css b/libs/blocks/quiz/quiz.css
index de738952da..641f063cd4 100644
--- a/libs/blocks/quiz/quiz.css
+++ b/libs/blocks/quiz/quiz.css
@@ -1,3 +1,7 @@
+:root {
+  --quiz-option-text-selected: #0b56af;
+}
+
 .quiz-page * {
   box-sizing: border-box;
 }
@@ -150,11 +154,11 @@ html[dir="rtl"] .quiz-option-icon {
 }
 
 .quiz-option.selected .quiz-option-title {
-  color: var(--link-hover-color-dark);
+  color: var(--quiz-option-text-selected);
 }
 
 .quiz-option.selected .quiz-option-text {
-  color: var(--link-hover-color-dark);
+  color: var(--quiz-option-text-selected);
   font-weight: 700;
 }
 
@@ -194,7 +198,7 @@ html[dir="rtl"] .quiz-option-icon {
 }
 
 .quiz-button-label {
-  color: var(--link-hover-color-dark);
+  color: var(--quiz-option-text-selected);
   font-size: 18px;
   font-weight: 700;
   line-height: 22px;