refactor: migrate legacy wire namespace to wrn

examples/basic-app/app/pages/test.wrn

@@ -149,7 +149,7 @@ page Test {
     .test-hero > span,
     .test-card__type,
     .event-monitor span {
-      color: var(--wire-color-primary);
+      color: var(--wrn-color-primary);
       font-size: 0.72rem;
       font-weight: 800;
       letter-spacing: 0.08em;
@@ -165,7 +165,7 @@ page Test {
 
     .test-hero p,
     .test-card p {
-      color: var(--wire-color-muted);
+      color: var(--wrn-color-muted);
       line-height: 1.65;
     }
 
@@ -182,14 +182,14 @@ page Test {
       align-content: start;
       gap: 1rem;
       padding: clamp(1rem, 3vw, 1.5rem);
-      border: 1px solid var(--wire-color-border);
-      border-radius: var(--wire-radius-lg);
-      background: var(--wire-color-surface);
-      box-shadow: var(--wire-shadow-1);
+      border: 1px solid var(--wrn-color-border);
+      border-radius: var(--wrn-radius-lg);
+      background: var(--wrn-color-surface);
+      box-shadow: var(--wrn-shadow-1);
     }
 
     .test-selection {
-      color: var(--wire-color-muted);
+      color: var(--wrn-color-muted);
       font-size: 0.82rem;
     }
 
@@ -198,7 +198,7 @@ page Test {
       bottom: 1rem;
       grid-column: 1 / -1;
       grid-template-columns: repeat(2, minmax(0, 1fr));
-      background: color-mix(in srgb, var(--wire-color-surface) 94%, var(--wire-color-primary));
+      background: color-mix(in srgb, var(--wrn-color-surface) 94%, var(--wrn-color-primary));
     }
 
     .event-monitor > div {
@@ -212,8 +212,8 @@ page Test {
       overflow: auto;
       margin: 0;
       padding: 1rem;
-      border-radius: var(--wire-radius-md);
-      background: var(--wire-color-bg);
+      border-radius: var(--wrn-radius-md);
+      background: var(--wrn-color-bg);
       font-size: 0.75rem;
       line-height: 1.65;
       white-space: pre-wrap;