fix: keep page shells transparent

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnexus/ui",
-  "version": "0.2.59",
+  "version": "0.2.60",
   "private": true,
   "type": "module",
   "main": "src/index.ts",

packages/ui/test/ui.test.ts

@@ -81,6 +81,12 @@ test("component-system CSS includes responsive, theme-token, focus, and reduced-
   expect(css).toContain("--color-red-600: var(--wire-color-danger)");
 });
 
+test("page shells leave background ownership to the page", () => {
+  const css = uiCss();
+  const shellRule = css.match(/\.wire-page-shell\s*\{([^}]*)\}/)?.[1] ?? "";
+  expect(shellRule).not.toMatch(/background(?:-color)?\s*:/);
+});
+
 test("every bundled UI component compiles", () => {
   for (const name of uiComponentNames()) {
     const path = join(uiComponentsDir(), `${name}.wrn`);

packages/ui/ui.css

@@ -780,7 +780,6 @@
   width: 100%;
   min-width: 0;
   color: var(--wire-color-text);
-  background: var(--wire-color-bg);
 }
 .wire-page-shell--marketing,
 .wire-page-shell--product {