From e7ad076d6ab3745b58e95d8ff162e85d638eada1 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Sun, 19 Apr 2026 17:23:19 +0100
Subject: [PATCH] fix(a11y): raise circle description contrast to WCAG AA

The .circle-desc text used --text-faint, which failed WCAG AA on the
selected/hover tile surfaces (4.01:1 light / 4.31:1 dark). Promote to
--text-dim to clear 4.5:1 against all tile states.
---
 app/components/CirclePicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/CirclePicker.vue b/app/components/CirclePicker.vue
index 6a8e1e4..fb8f298 100644
--- a/app/components/CirclePicker.vue
+++ b/app/components/CirclePicker.vue
@@ -77,7 +77,7 @@ defineEmits(['update:modelValue'])
 
 .circle-desc {
   font-size: 11px;
-  color: var(--text-faint);
+  color: var(--text-dim);
   line-height: 1.5;
   display: block;
 }