Made changes for btn-focus-box-shadow property

src/scss/_bootstrap-variables.scss

@@ -55,3 +55,4 @@ $light: #fff !default;
 $dark: #000 !default;
 
 $focus-ring-color: blue;
+$btn-focus-box-shadow: 0 0 0 0.25em rgba(0, 0, 255, 0.5) !important;

src/scss/_host.scss

@@ -49,14 +49,16 @@
 
   // Root and body
   // scss-docs-start root-body-variables
-  @if $font-size-root != null {
+  @if $font-size-root !=null {
     --#{$prefix}root-font-size: #{$font-size-root};
   }
+
   --#{$prefix}body-font-family: #{inspect($font-family-base)};
   @include rfs($font-size-base, --#{$prefix}body-font-size);
   --#{$prefix}body-font-weight: #{$font-weight-base};
   --#{$prefix}body-line-height: #{$line-height-base};
-  @if $body-text-align != null {
+
+  @if $body-text-align !=null {
     --#{$prefix}body-text-align: #{$body-text-align};
   }
 
@@ -77,9 +79,15 @@
   --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};
   --#{$prefix}tertiary-bg: #{$body-tertiary-bg};
   --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
+
+  --bs-btn-focus-box-shadow: 0 0 0 0.25rem blue;
+
+  --bs-btn-focus-shadow-rgb: rgb(0, 0, 255);
+
+
   // scss-docs-end root-body-variables
 
-  @if $headings-color != null {
+  @if $headings-color !=null {
     --#{$prefix}heading-color: #{$headings-color};
   }
 
@@ -90,7 +98,7 @@
   --#{$prefix}link-hover-color: #{$link-hover-color};
   --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};
 
-  @if $link-hover-decoration != null {
+  @if $link-hover-decoration !=null {
     --#{$prefix}link-hover-decoration: #{$link-hover-decoration};
   }
 
@@ -108,9 +116,7 @@
   --#{$prefix}border-radius-lg: #{$border-radius-lg};
   --#{$prefix}border-radius-xl: #{$border-radius-xl};
   --#{$prefix}border-radius-xxl: #{$border-radius-xxl};
-  --#{$prefix}border-radius-2xl: var(
-    --#{$prefix}border-radius-xxl
-  ); // Deprecated in v5.3.0 for consistency
+  --#{$prefix}border-radius-2xl: var(--#{$prefix}border-radius-xxl); // Deprecated in v5.3.0 for consistency
   --#{$prefix}border-radius-pill: #{$border-radius-pill};
   // scss-docs-end root-border-var
 
@@ -169,7 +175,7 @@
       --#{$prefix}#{$color}-border-subtle: #{$value};
     }
 
-    @if $headings-color-dark != null {
+    @if $headings-color-dark !=null {
       --#{$prefix}heading-color: #{$headings-color-dark};
     }
 
@@ -189,4 +195,4 @@
     --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color-dark};
     // scss-docs-end root-dark-mode-vars
   }
-}
+}