diff --git a/src/assets/css/src/0.2.variables.css b/src/assets/css/src/0.2.variables.css
index 2fd5193..1097e7b 100755
--- a/src/assets/css/src/0.2.variables.css
+++ b/src/assets/css/src/0.2.variables.css
@@ -21,6 +21,7 @@
   --color-primary-10: hsla(177, 100%, 29%, .1); /* Focus 10% */
   --color-primary-20: hsla(177, 100%, 29%, .2); /* Focus 20% */
   --color-primary-40: hsla(177, 100%, 29%, .4); /* Focus 40% */
+  --color-primary-50: hsla(177, 100%, 29%, .5); /* Focus 50% */
   --color-primary-70: hsla(177, 100%, 29%, .7); /* Focus 70% */
   --color-primary-100: hsla(177, 100%, 29%, 1); /* Focus 100% */
   --color-primary: var(--color-primary-100); /* Focus */
@@ -28,7 +29,7 @@
   --color-brand: var(--color-brand-100); /* Brand */
   --color-background: var(--color-white);
   --color-text: var(--color-black);
-  --color-focus-ring: var(--color-primary-100);
+  --color-focus-ring: var(--color-primary-50);
   --color-disabled: var(--color-grey-400);
 
   /* Space scale */
diff --git a/src/assets/css/src/1.0.global.css b/src/assets/css/src/1.0.global.css
index b7870a4..d5e719f 100644
--- a/src/assets/css/src/1.0.global.css
+++ b/src/assets/css/src/1.0.global.css
@@ -226,7 +226,7 @@ a.link-full:focus-visible {
   outline-width: 0;
 }
 a.link-full:focus-visible::after {
-  outline: none;
+  outline: 2px solid var(--color-focus-ring);
   outline-offset: 2px;
   text-decoration: underline;
 }
@@ -254,7 +254,7 @@ button {
 /* General interactive states */
 
 :focus-visible {
-
+  outline: 2px solid var(--color-focus-ring);
 }