diff --git a/.changeset/stupid-dingos-train.md b/.changeset/stupid-dingos-train.md
new file mode 100644
index 000000000..73a564a1c
--- /dev/null
+++ b/.changeset/stupid-dingos-train.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Avoid SCSS color dependency on `:focus`
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 95850b1a8..a4a20a00e 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -486,8 +486,6 @@ $focus-ring-width: 0.25rem !default;
 $focus-ring-opacity: 0.25 !default;
 $focus-ring-color: rgba(var(--#{$prefix}primary-rgb), $focus-ring-opacity) !default;
 $focus-ring-blur: 0 !default;
-$focus-ring-border-color: rgba(var(--#{$prefix}primary-rgb), 50%) !default;
-$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
 
 // Transitions
 $transition-time: 0.3s !default;
diff --git a/src/scss/mixins/_mixins.scss b/src/scss/mixins/_mixins.scss
index 48a559ef8..01498fe5d 100644
--- a/src/scss/mixins/_mixins.scss
+++ b/src/scss/mixins/_mixins.scss
@@ -60,9 +60,9 @@
 
 @mixin focus-ring($show-border: false) {
   outline: 0;
-  box-shadow: $focus-ring-box-shadow;
+  box-shadow: 0 0 $focus-ring-blur $focus-ring-width rgba(var(--tblr-primary-rgb), 0.25);
 
   @if($show-border) {
-    border-color: $focus-ring-border-color;
+    border-color: rgba(var(--tblr-primary-rgb), 0.25);
   }
 }
\ No newline at end of file