From 113dcd6c1d78656b993c05b6fe5fe7d41a469946 Mon Sep 17 00:00:00 2001
From: Viraj Jadhav <workwithvirajjadhav@gmail.com>
Date: Sat, 27 Dec 2025 02:59:11 +0530
Subject: [PATCH] fix(curriculum): replace ambiguous CSS variables quiz
 question (#64475)

Co-authored-by: majestic-owl448 <26656284+majestic-owl448@users.noreply.github.com>
---
 .../66ed9018f45ce3ece4053eb9.md               | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md b/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md
index 7c0b6750ae3..0dcf11867ab 100644
--- a/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md
+++ b/curriculum/challenges/english/blocks/quiz-css-variables/66ed9018f45ce3ece4053eb9.md
@@ -731,7 +731,13 @@ It assigns a default value for the property if none is set.
 
 #### --text--
 
-In the following CSS, how does the custom property `--bg-color` behave?
+Consider the following HTML and CSS. What background color will be applied to the `.card` element?
+
+```html
+<div class="dark-theme">
+  <div class="card">Content</div>
+</div>
+```
 
 ```css
 :root {
@@ -741,23 +747,27 @@ In the following CSS, how does the custom property `--bg-color` behave?
 .dark-theme {
   --bg-color: #333;
 }
+
+.card {
+  background: var(--bg-color);
+}
 ```
 
 #### --distractors--
 
-Overrides the root value globally.
+`white`
 
 ---
 
-Applies to all elements by default.
+`transparent`
 
 ---
 
-Is inherited automatically by all children.
+`inherit`
 
 #### --answer--
 
-Only applies within `.dark-theme` scope.
+`#333`
 
 ### --question--