From f0a8ab12950e09e369c49f94649e09d773bba91a Mon Sep 17 00:00:00 2001
From: hfcRed <hfcred@gmx.net>
Date: Wed, 14 Jan 2026 17:56:36 +0100
Subject: [PATCH] Remove backdrop filter var

---
 app/components/layout/index.module.css                        | 4 ++--
 app/features/tournament-bracket/tournament-bracket.module.css | 2 +-
 app/styles/vars.css                                           | 3 +--
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/components/layout/index.module.css b/app/components/layout/index.module.css
index e5b88322d..89ea2ed93 100644
--- a/app/components/layout/index.module.css
+++ b/app/components/layout/index.module.css
@@ -10,8 +10,8 @@
 	align-items: center;
 	gap: var(--s-3);
 	border-bottom: 1.5px solid var(--color-border);
-	-webkit-backdrop-filter: var(--backdrop-filter);
-	backdrop-filter: var(--backdrop-filter);
+	-webkit-backdrop-filter: blur(10px) brightness(95%);
+	backdrop-filter: blur(10px) brightness(95%);
 	background-color: transparent;
 	font-weight: bold;
 	padding-inline: var(--s-4);
diff --git a/app/features/tournament-bracket/tournament-bracket.module.css b/app/features/tournament-bracket/tournament-bracket.module.css
index 24e594b7b..fc31eb1e5 100644
--- a/app/features/tournament-bracket/tournament-bracket.module.css
+++ b/app/features/tournament-bracket/tournament-bracket.module.css
@@ -74,7 +74,7 @@
 	display: flex;
 	justify-content: space-between;
 	padding: var(--s-2);
-	backdrop-filter: var(--backdrop-filter);
+	backdrop-filter: blur(10px) brightness(95%);
 	background: rgb(0 0 0 / 40%);
 	border-start-end-radius: var(--rounded);
 	border-start-start-radius: var(--rounded);
diff --git a/app/styles/vars.css b/app/styles/vars.css
index 7c9ba61b2..8fd7c73ec 100644
--- a/app/styles/vars.css
+++ b/app/styles/vars.css
@@ -8,6 +8,7 @@ html {
 	--base-c-5: 0.01632;
 	--base-c-6: 0.01548;
 	--base-c-7: 0.00804;
+
 	--acc-h: 270;
 	--acc-c-0: 0.0912;
 	--acc-c-1: 0.2664;
@@ -128,8 +129,6 @@ html {
 	--color-border-high: var(--color-base-4);
 	--border-style: 2px solid var(--color-border);
 
-	--backdrop-filter: blur(10px) brightness(95%);
-
 	--input-height-smaller: 1.25rem;
 	--input-height-small: 2rem;
 	--input-height: 2.5rem;