ЛС: токены связей + резолвер визуала + семантический мок (connectedVia/login)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

shine-UI/styles/network-graph.css

@@ -4,6 +4,20 @@
    Отдельный модуль, чтобы не раздувать components.css.
    ========================================================================== */
 
+/* Канонические токены ЯЗЫКА СВЯЗЕЙ (единый источник цвета отношений для всего продукта).
+   Экран «Личные сообщения» наследует их через --dm-* (не дублирует hex).
+   (force-graph пока использует свои JS-цвета RELATION_COLORS — миграция на токены = будущая задача.) */
+:root {
+  --rel-contact: #8C63FF;   /* violet — обычная связь / контакт */
+  --rel-family: #F0B82E;    /* gold — семья / близкий круг / важность / подтверждение */
+  --rel-shining: #68D8FF;   /* celestial — сияющий / сильная активная связь */
+  --rel-link: #19E58A;      /* emerald — статус «Связь» (активный канал) */
+  --rel-contact-glow: rgba(140, 99, 255, 0.24);
+  --rel-family-glow: rgba(240, 184, 46, 0.30);
+  --rel-shining-glow: rgba(104, 216, 255, 0.35);
+  --rel-link-glow: rgba(25, 229, 138, 0.24);
+}
+
 .fg-stage {
   touch-action: none;            /* перехватываем жесты сами (pan), без скролла страницы */
   user-select: none;