Clarify UI status and remove noisy live regions

src/lib/ui/styles/tokens.css

@@ -46,10 +46,12 @@
     --gray-050: #eef2f8;
 
     /* State — reserved for actual state, never decoration. */
-    --state-online: #7cd4ff;
+    --state-online: #6ddb99;
     --state-warning: #ffb020;
     --state-danger: #ff5670;
-    --state-restarting: #7cc0f5;
+    --state-info: #7cc0f5;
+    --state-neutral: #a8b2c4;
+    --state-restarting: var(--state-info);
 
     /* ---------- 2. SEMANTIC ALIASES ---------- */
 
@@ -222,14 +224,7 @@
     --shadow-panel: var(--shadow-raised);
 }
 
-/* Keyframes — pared down.
-   Legacy names kept so existing components animate; the new StatusPip
-   uses `pip-breathe` (opacity-only, GPU-cheap). */
-
-@keyframes pip-breathe {
-    0%, 100% { opacity: 0.35; transform: scale(1); }
-    50%      { opacity: 0.9;  transform: scale(1.4); }
-}
+/* Motion is reserved for active work and changes. */
 
 @keyframes shimmer {
     from { background-position: -200% 0; }
@@ -241,10 +236,6 @@
     0%, 100% { box-shadow: 0 0 0 0 rgba(124, 212, 255, 0.5); }
     50%      { box-shadow: 0 0 0 5px rgba(124, 212, 255, 0); }
 }
-@keyframes cherry-fizz {
-    0%, 100% { transform: translateY(0); }
-    50%      { transform: translateY(-1px); }
-}
 @keyframes spark-slide {
     from { background-position: -100% 0; }
     to   { background-position: 200% 0; }