다크 모드에서 .ai-d 클래스 영역의 색 대비가 낮아 가독성이 떨어지는 문제

[raejun92]

문제 설명

https://braillify.kr/test-case 페이지에서
다크 모드 사용 시 .ai-d 클래스가 적용된 영역의 배경색과 텍스트 색상이 유사하여
텍스트 가독성이 떨어지는 현상을 확인했습니다.

특히 결과 요약(성공/실패 퍼센트)이 표시되는 영역에서
배경색(#d8d8d8)과 텍스트 색이 충분한 대비를 가지지 못해
빠르게 내용을 인지하기 어려운 상태입니다.

재현 방법

1. https://braillify.kr/test-case 페이지 접속
2. 다크 모드 활성화
3. 테스트 케이스 결과 요약 영역 확인 (.ai-d 클래스)

기대 동작

• 다크 모드에서 배경색과 텍스트 색상이 충분한 대비를 가져
  내용이 명확하게 읽힐 수 있으면 좋겠습니다.
• (선택) 다크 모드 전용 색상 토큰 또는 조건부 스타일 적용

참고

• 문제 영역과 DevTools 캡처 이미지를 첨부했습니다.
• 접근성(WCAG 대비 기준) 관점에서도 개선 여지가 있어 보입니다.

혹시 해당 방향으로 이슈를 제안드려도 괜찮은지,
또는 권장하시는 수정 방식이 있다면 알려주시면 감사하겠습니다.

[owjs3901]

devup.json 에 이미 관련 토큰이 등록되어 있을 겁니다, 해당 토큰을 이용하여 스타일을 고정이 아닌 css variable로 정의하는 것이 가장 바람직합니다.