1 files changed, 14 insertions, 13 deletions

diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss
index d0c47ef..a9de8b5 100644
--- a/src/scopes/_links.scss
+++ b/src/scopes/_links.scss
@@ -4,10 +4,11 @@
 @include iro.props-namespace('links') {
     @include iro.props-store((
         --dims: (
+            --rounding:          fn.global-dim(--rounding),
             --underline:         fn.global-dim(--border --thin),
 
             --hover: (
-                --underline:    fn.global-dim(--border --medium),
+                --underline:     fn.global-dim(--border --medium),
             )
         ),
         --colors: (
@@ -15,7 +16,7 @@
 
             --idle: (
                 --text:          fn.global-color(--accent --1000),
-                --underline:     fn.global-color(--accent --1000),
+                --underline:     fn.global-color(--accent --600),
 
                 --hover: (
                     --text:      fn.global-color(--accent --1200),
@@ -24,16 +25,16 @@
 
             --visited: (
                 --text:          fn.global-color(--purple --1000),
-                --underline:     fn.global-color(--purple --1000),
+                --underline:     fn.global-color(--purple --600),
 
                 --hover: (
                     --text:      fn.global-color(--purple --1200),
                 ),
             ),
 
-            --focus: (
+            --key-focus: (
                 --bg:            fn.global-color(--yellow-static --400),
-                --text:          #000,
+                --text:          fn.global-color(--yellow-static --400-text),
             )
         )
     ));
@@ -41,7 +42,7 @@
     @include iro.bem-scope(iro.props-namespace()) {
         :link,
         :visited {
-            border-radius:             .5px;
+            border-radius:             fn.dim(--rounding);
             color:                     currentColor;
             text-decoration:           underline;
             text-decoration-color:     fn.color(--underline);
@@ -53,13 +54,13 @@
                 text-decoration-skip-ink:  none;
             }
 
-            @include iro.bem-at-theme('keyboard') {
-                &:focus {
-                    background-color:          fn.color(--focus --bg);
-                    color:                     fn.color(--focus --text);
-                    text-decoration:           none;
-                    border-block-end:          fn.dim(--hover --underline) solid currentColor;
-                }
+            &:focus-visible {
+                background-color:          fn.color(--key-focus --bg);
+                box-shadow:                0 0 0 fn.global-dim(--border --thick) fn.color(--key-focus --bg);
+                color:                     fn.color(--key-focus --text);
+                text-decoration:           underline;
+                text-decoration-thickness: fn.dim(--hover --underline);
+                text-decoration-skip-ink:  none;
             }
         }