fix: do not use gradient background in Firefox 145 or below (#10626)

Author: jouni

packages/aura/src/color.css

@@ -32,12 +32,6 @@
   );
   --aura-app-background: var(--aura-background-color);
 
-  @supports (color: hsl(0 0 0)) {
-    --aura-app-background:
-      var(--_bg-accent),
-      radial-gradient(circle at 25% 0% in xyz, var(--aura-background-color) 33%, var(--_bg-alt))
-        var(--aura-background-color);
-  }
   --vaadin-focus-ring-color: var(--aura-accent-color);
   --vaadin-user-color: var(--aura-blue);
   color: var(--vaadin-text-color);
@@ -46,6 +40,17 @@
   background-attachment: fixed;
 }
 
+@supports (color: hsl(0 0 0)) {
+  @scope (:root) {
+    :scope {
+      --aura-app-background:
+        var(--_bg-accent),
+        radial-gradient(circle at 25% 0% in xyz, var(--aura-background-color) 33%, var(--_bg-alt))
+          var(--aura-background-color);
+    }
+  }
+}
+
 :where(:root),
 :where(:host),
 vaadin-app-layout > :not([slot]),