diff --git a/frontend/src/routes/layout.css b/frontend/src/routes/layout.css index 5e693203..e4d9cce0 100644 --- a/frontend/src/routes/layout.css +++ b/frontend/src/routes/layout.css @@ -335,13 +335,17 @@ Underline at rest is required for WCAG AA — colour alone fails 8% of men with red-green colour-blindness. Focus ring uses a box-shadow + border-radius so the rectangle doesn't touch the glyphs. + + Underline colour uses --c-ink at 50% so the link affordance is visible on + any surface, including sand-tinted backgrounds where the previous mint + accent at 60% (~1.6:1 on white — Leonie FINDING-06) was barely perceptible. */ .person-mention { color: var(--c-ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; - text-decoration-color: color-mix(in srgb, var(--c-accent) 60%, transparent); + text-decoration-color: color-mix(in srgb, var(--c-ink) 50%, transparent); cursor: pointer; transition: text-decoration-color 0.15s ease; }