chore: release v0.24.3

public/styles/layout.css

@@ -142,8 +142,8 @@
   display: flex;
   flex-direction: column;
   z-index: var(--z-nav);
-  backdrop-filter: blur(16px) saturate(180%);
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: var(--blur-md) saturate(180%);
+  -webkit-backdrop-filter: var(--blur-md) saturate(180%);
 }
 
 /* ── Items-Reihe ── */
@@ -171,8 +171,8 @@
   inset: 0;
   background-color: var(--color-overlay);
   z-index: calc(var(--z-nav) + 1);
-  backdrop-filter: blur(2px);
-  -webkit-backdrop-filter: blur(2px);
+  backdrop-filter: var(--blur-2xs);
+  -webkit-backdrop-filter: var(--blur-2xs);
 }
 
 .more-backdrop--visible {
@@ -1583,8 +1583,8 @@
   top: 0;
   z-index: var(--z-sticky);
   background-color: color-mix(in srgb, var(--color-bg) 90%, transparent);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
+  backdrop-filter: var(--blur-sm);
+  -webkit-backdrop-filter: var(--blur-sm);
   padding-bottom: var(--space-3);
   margin-bottom: var(--space-4);
 }
@@ -1906,6 +1906,31 @@
   border-radius: 0 var(--radius-md) var(--radius-md) 0;
 }
 
+/* --------------------------------------------------------
+ * Reduced Transparency — layout.css Fallbacks
+ * glass.css deckt Glass-Komponenten ab; diese drei Elemente
+ * nutzen backdrop-filter außerhalb von @supports und brauchen
+ * eigene Fallbacks.
+ * -------------------------------------------------------- */
+@media (prefers-reduced-transparency: reduce) {
+  .nav-bottom {
+    background-color: var(--color-surface);
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+
+  .more-backdrop {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+
+  .sticky-header {
+    background-color: var(--color-bg);
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+}
+
 /* --------------------------------------------------------
  * Print-Styles
  * -------------------------------------------------------- */