From c54e31246407431d339817caff53091111e30dce Mon Sep 17 00:00:00 2001
From: reecelikesramen <3149587+reecelikesramen@users.noreply.github.com>
Date: Mon, 4 May 2026 00:18:36 -0600
Subject: [PATCH] fix(marketing): suppress sticky focus ring on theme toggle

Browser default outline lingered after click; replace with subtle
accent halo on :focus-visible only.
---
 site/src/components/Header.astro | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/site/src/components/Header.astro b/site/src/components/Header.astro
index 2e16b34..2bbdbce 100644
--- a/site/src/components/Header.astro
+++ b/site/src/components/Header.astro
@@ -69,6 +69,7 @@ import { Icon } from 'astro-icon/components'
       transition: border-color var(--animation-speed-fast) var(--cubic-bezier);
       cursor: pointer;
       margin: 0;
+      outline: none;
       border: 1px solid var(--border-color);
       border-radius: 6px;
       background: transparent;
@@ -84,6 +85,10 @@ import { Icon } from 'astro-icon/components'
         color: var(--accent-color);
       }
 
+      &:focus-visible {
+        box-shadow: 0 0 0 2px color-mix(in oklch, var(--accent-color) 35%, transparent);
+      }
+
       .icon-light,
       .icon-dark {
         justify-content: center;