refactor: migrate legacy wire namespace to wrn

examples/basic-app/app/styles/global.css

@@ -16,18 +16,18 @@
 /*
  * The app palette is derived from the theme tokens rather than fixed.
  *
- * These used to be hardcoded dark values. Wire UI surfaces follow the theme,
+ * These used to be hardcoded dark values. WrNexus UI surfaces follow the theme,
  * so switching to light turned the cards light while this text stayed light
  * too -- the sign-in form rendered at a contrast of about 1.1 and was
  * unreadable. Anything an app hardcodes here has to be themed as well, or it
  * only ever looks right in one mode.
  */
 :root {
-  --bg: var(--wire-color-bg);
-  --surface: var(--wire-color-surface);
-  --text: var(--wire-color-text);
-  --muted: var(--wire-color-text-muted);
-  --brand: var(--wire-color-primary);
+  --bg: var(--wrn-color-bg);
+  --surface: var(--wrn-color-surface);
+  --text: var(--wrn-color-text);
+  --muted: var(--wrn-color-text-muted);
+  --brand: var(--wrn-color-primary);
   --radius: 10px;
   --maxw: 720px;
 }
@@ -48,7 +48,7 @@ body {
   /* Tinted from the primary token so the wash follows the theme too. */
   background: radial-gradient(
     1200px 600px at 50% -10%,
-    color-mix(in srgb, var(--wire-color-primary) 18%, var(--bg)) 0%,
+    color-mix(in srgb, var(--wrn-color-primary) 18%, var(--bg)) 0%,
     var(--bg) 60%
   );
   background-color: var(--bg);
@@ -105,12 +105,12 @@ button:active {
   align-items: center;
   justify-content: space-between;
   padding: 1rem 0;
-  border-bottom: 1px solid var(--wire-color-border);
+  border-bottom: 1px solid var(--wrn-color-border);
   margin-bottom: 1.5rem;
 }
 .site-brand {
   font-size: 1.15rem;
-  color: var(--wire-color-text);
+  color: var(--wrn-color-text);
 }
 .site-nav {
   display: flex;
@@ -120,8 +120,8 @@ button:active {
 .site-footer {
   margin-top: 2rem;
   padding: 1.25rem 0;
-  border-top: 1px solid var(--wire-color-border);
-  color: var(--wire-color-muted);
+  border-top: 1px solid var(--wrn-color-border);
+  color: var(--wrn-color-muted);
   font-size: 0.9rem;
 }
 
@@ -137,7 +137,7 @@ button:active {
   flex-direction: column;
   gap: 1rem;
   padding: 1rem 0;
-  border-right: 1px solid var(--wire-color-border);
+  border-right: 1px solid var(--wrn-color-border);
 }
 .dash-nav {
   display: flex;