From 93ac1c20e836e1c098435b47c7b6dfce3ebaa492 Mon Sep 17 00:00:00 2001
From: Ralksta <16941050+ralksta@users.noreply.github.com>
Date: Tue, 21 Apr 2026 22:52:08 +0200
Subject: [PATCH] Add `[role="button"]:focus-visible` to `app/tokens.css` for
 proper keyboard focus indication on custom button elements. (#130)

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
---
 app/tokens.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/tokens.css b/app/tokens.css
index b57ebb8..da8ed5a 100644
--- a/app/tokens.css
+++ b/app/tokens.css
@@ -248,7 +248,8 @@ img {
 
 a:focus-visible,
 button:focus-visible,
-input:focus-visible {
+input:focus-visible,
+[role='button']:focus-visible {
   outline: 2px solid var(--text-primary);
   outline-offset: 2px;
 }