closes #22

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/styles/a11y.css

@@ -0,0 +1,45 @@
+a:focus-visible,
+button:focus-visible {
+  border: none;
+  outline: 2px solid var(--color-primary);
+}
+
+a.navbar-logo:focus-visible {
+  outline-offset: 4px;
+}
+
+.button:focus-visible,
+.lang-switcher:focus-visible {
+  outline: 2px solid #fff;
+  outline-offset: 4px;
+}
+
+.play-carousel-item button:focus-visible {
+  outline: 4px solid #fff;
+  outline-offset: 4px;
+  border-radius: 3.4vw;
+}
+
+.play-carousel-item.active button:focus-visible {
+  outline-offset: 6px;
+  border-radius: 4.6vw;
+}
+
+.pagination-dot:focus-visible {
+  outline: 1px solid var(--color-primary);
+  outline-offset: 2px;
+  border-radius: 1rem;
+}
+.pagination-dot.active:focus-visible {
+  outline: 1px solid #fff;
+}
+
+.footer-bottom a,
+.footer-col a {
+  outline-offset: 4px;
+}
+
+.footer-socials a:focus-visible {
+  outline: 2px solid #fff;
+  border-radius: 2px;
+}

src/styles/buttons.css

@@ -1,5 +1,6 @@
 button {
-  border: none;
+  border: 0px solid transparent;
+  outline: 0px solid transparent;
 }
 
 button[disabled] {

src/styles/index.css

@@ -8,3 +8,4 @@
 @import "./cursor.css";
 @import "./form.css";
 @import "./utils.css";
+@import "./a11y.css";