diff --git a/src/features/search/components/Searchbar.vue b/src/features/search/components/Searchbar.vue
index 817945e..0e52512 100644
--- a/src/features/search/components/Searchbar.vue
+++ b/src/features/search/components/Searchbar.vue
@@ -55,7 +55,7 @@ const submitSearch = function () {
     display: flex;
     align-items: center;
     border: 1.5px solid var(--border);
-    box-shadow: 0 0px 32px rgba(69, 98, 190, 0.25);
+    box-shadow: 0 0px 32px var(--blue-box-shadow);
     border-radius: calc(var(--content-height) * 0.5 + var(--submit-button-padding-y) + var(--padding));
     padding: var(--padding);
     padding-left: var(--padding-left);
diff --git a/src/styles/variables/colors.css b/src/styles/variables/colors.css
index 51b81e5..3fcf1cb 100644
--- a/src/styles/variables/colors.css
+++ b/src/styles/variables/colors.css
@@ -79,6 +79,7 @@ limitations under the License.
     --border:               var(--white-d-3);
 
     --gray-box-shadow:    oklch(0.8 0.0001 271 / 0.7);
+    --blue-box-shadow:    oklch(0.52 0.15 268 / 0.25);
 }
 
 @media (prefers-color-scheme: dark) {