From a716080f7d2521769496f944bb9da1aef8956390 Mon Sep 17 00:00:00 2001
From: lukas <lukas.harat@protonmail.com>
Date: Sun, 13 Sep 2026 19:27:58 +0200
Subject: [PATCH] Give the top nav bar a translucent glass effect

Adds a backdrop blur and semi-transparent background/border so page
content shows through the sticky header while scrolling.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/routes/__root.module.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/__root.module.scss b/src/routes/__root.module.scss
index f688b5a..ad67b58 100644
--- a/src/routes/__root.module.scss
+++ b/src/routes/__root.module.scss
@@ -14,8 +14,10 @@
   justify-content: space-between;
   align-items: center;
   padding: $space-3;
-  background: $color-background;
-  border-bottom: 1px solid $color-border;
+  background: rgba($color-background, 0.3);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-bottom: 1px solid rgba($color-border, 0.3);
 }
 
 .brand {