update architecture graphs

Author: viktorpm

docs/architecture/system-architecture.md

@@ -79,17 +79,22 @@ graph LR
         reinforcement
     end
 
-    %% Protocol Usage
-    AD["@AthenaDelayComp"] --> UI & Data & Sound & Control
-    SC["@SoundCatContinuous"] --> UI & Data & Sound & Control
-    AC["@ArpitCentrePokeTraining"] --> UI & Data & Sound
+    %% Protocol Usage with distinct line styles
+    AD["@AthenaDelayComp"]
+    SC["@SoundCatContinuous"]
+    AC["@ArpitCentrePokeTraining"]
+
+    %% Connections with matching styles
+    AD --> UI & Data & Sound & Control
+    SC ==> UI & Data & Sound & Control
+    AC -.-> UI & Data & Sound
     
     %% Style
-    classDef group fill:#f9f9f9,stroke:#333,stroke-width:1px
-    classDef proto fill:#ffe6e6,stroke:#600,stroke-width:1px
+    classDef default fill:#f9f9f9,stroke:#333,stroke-width:2px
     
-    class UI,Data,Sound,Control group
-    class AD,SC,AC proto
+    linkStyle 0,1,2,3 stroke:#333,stroke-width:3px
+    linkStyle 4,5,6,7 stroke:#333,stroke-width:3px,stroke-dasharray:5
+    linkStyle 8,9,10 stroke:#333,stroke-width:3px,stroke-dasharray:3
 ```
 
 ## System Startup Flow
@@ -204,22 +209,19 @@ graph LR
     end
 
     %% Inheritance
-    AD --> Base
-    SC --> Base
-    AC --> Base
+    Base --> AD & SC & AC
 
-    %% Plugin Usage
+    %% Plugin Usage with matching styles
     AD --> Core & Extended
-    SC --> Core & Extended
-    AC --> Core
-    AC --> CO & ST & SQ & AB
-
+    SC ==> Core & Extended
+    AC -.-> Core
+    AC -.-> CO & ST & SQ & AB
+    
     %% Style
-    classDef base fill:#e6ffe6,stroke:#060,stroke-width:2px
-    classDef active fill:#ffe6e6,stroke:#600,stroke-width:1px
-    classDef plugin fill:#e6e6ff,stroke:#006,stroke-width:1px
+    classDef default fill:#f9f9f9,stroke:#333,stroke-width:2px
     
-    class Base base
-    class AD,SC,AC active
-    class Core,Extended plugin
+    linkStyle 0,1,2 stroke:#333,stroke-width:3px
+    linkStyle 3,4 stroke:#333,stroke-width:3px
+    linkStyle 5,6 stroke:#333,stroke-width:3px,stroke-dasharray:5
+    linkStyle 7,8 stroke:#333,stroke-width:3px,stroke-dasharray:3
 ```