From 142b1455f99d56fbe529d795e8f3a6ed320f048c Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Thu, 12 Jun 2025 21:58:33 +0200
Subject: [PATCH] Fix focus styles

---
 src/css/components/button.css | 3 +++
 src/css/utilities.css         | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/css/components/button.css b/src/css/components/button.css
index f2e58ea..4997db9 100644
--- a/src/css/components/button.css
+++ b/src/css/components/button.css
@@ -8,6 +8,9 @@
   --button-border-color: var(--button-bg);
   --button-radius: 0.5em;
 
+  --button-outline-color: #0a76f6;
+  --button-outline-offset: -3px;
+
   display: inline-flex;
   align-items: center;
   gap: var(--button-gap, 0.5em);
diff --git a/src/css/utilities.css b/src/css/utilities.css
index 2b406cf..479b152 100644
--- a/src/css/utilities.css
+++ b/src/css/utilities.css
@@ -76,6 +76,7 @@
   color: var(--item-color, var(--text));
   text-decoration: none;
   transition: all 0.2s;
+  outline-offset: -1px;
 }
 .list-inline a:hover {
   text-decoration: underline;