Harmonize Graphviz diagrams with the ARCP design system

Mechanical restyle applied to every .dot/.svg pair:
- fontname: Helvetica/Inter → TT Commons Pro Trial
- splines: ortho → spline (curved edges)
- shape=ellipse → shape=box with style="rounded[,filled]"

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

Author: nficano

docs/diagrams/README.md

@@ -1,14 +1,14 @@
 # Architecture diagrams
 
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="arcp-dark.svg">
-  <img alt="ARCP architecture (worked example)" src="arcp-light.svg">
+  <source media="(prefers-color-scheme: dark)" srcset="arch-overview-dark.svg">
+  <img alt="ARCP architecture (worked example)" src="arch-overview-light.svg">
 </picture>
 
 Graphviz `.dot` templates for clean architecture diagrams, with paired
 light/dark SVGs that GitHub auto-switches via `<picture>` and
 `prefers-color-scheme`. The image above renders from
-[`arcp-light.dot`](arcp-light.dot) / [`arcp-dark.dot`](arcp-dark.dot).
+[`arch-overview-light.dot`](arch-overview-light.dot) / [`arch-overview-dark.dot`](arch-overview-dark.dot).
 
 ## Using this with an AI coding agent
 
@@ -51,7 +51,7 @@ Hard constraints — do not violate:
 | --- | --- |
 | `diagram-template-light.dot` | Starting point. Full style docs in the header. |
 | `diagram-template-dark.dot`  | Dark companion. Structure must match the light variant. |
-| `arcp-light.dot` / `arcp-dark.dot` | Worked example shown above. |
+| `arch-overview-light.dot` / `arch-overview-dark.dot` | Worked example shown above. |
 
 The `.dot` files are the source you edit. The `.svg` files are rendered
 deliverables; you commit both and reference them from markdown.

docs/diagrams/arch-overview-dark.dot

@@ -2,7 +2,7 @@ digraph ArchOverview {
   rankdir=TB;
   bgcolor="transparent";
   compound=true;
-  fontname="Helvetica";
+  fontname="TT Commons Pro Trial";
   splines=spline;
   nodesep=0.32;
   ranksep=0.55;
@@ -13,15 +13,15 @@ digraph ArchOverview {
     style="rounded,filled",
     fillcolor="#334155",
     color="#475569",
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=11,
     fontcolor="#F1F5F9",
     margin="0.22,0.11",
     penwidth=1.0
   ];
 
   edge [
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=9,
     fontcolor="#94A3B8",
     color="#64748B",
@@ -41,7 +41,7 @@ digraph ArchOverview {
     style="rounded,filled";
     fillcolor="#0F172A";
     color="#334155";
-    fontname="Helvetica";
+    fontname="TT Commons Pro Trial";
     fontcolor="#94A3B8";
     margin=14;
     labeljust=l;
@@ -60,7 +60,7 @@ digraph ArchOverview {
     style="rounded,filled";
     fillcolor="#1E293B";
     color="#334155";
-    fontname="Helvetica";
+    fontname="TT Commons Pro Trial";
     fontcolor="#94A3B8";
     margin=14;
     labeljust=l;

docs/diagrams/arch-overview-dark.svg

@@ -2,7 +2,7 @@ digraph ArchOverview {
   rankdir=TB;
   bgcolor="transparent";
   compound=true;
-  fontname="Helvetica";
+  fontname="TT Commons Pro Trial";
   splines=spline;
   nodesep=0.32;
   ranksep=0.55;
@@ -13,15 +13,15 @@ digraph ArchOverview {
     style="rounded,filled",
     fillcolor="white",
     color="#CBD5E1",
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=11,
     fontcolor="#1F2937",
     margin="0.22,0.11",
     penwidth=1.0
   ];
 
   edge [
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=9,
     fontcolor="#64748B",
     color="#94A3B8",
@@ -41,7 +41,7 @@ digraph ArchOverview {
     style="rounded,filled";
     fillcolor="#F1F5F9";
     color="#E2E8F0";
-    fontname="Helvetica";
+    fontname="TT Commons Pro Trial";
     fontcolor="#475569";
     margin=14;
     labeljust=l;
@@ -60,7 +60,7 @@ digraph ArchOverview {
     style="rounded,filled";
     fillcolor="#F8FAFC";
     color="#E2E8F0";
-    fontname="Helvetica";
+    fontname="TT Commons Pro Trial";
     fontcolor="#475569";
     margin=14;
     labeljust=l;

docs/diagrams/arch-overview-light.dot

@@ -2,7 +2,7 @@ digraph CapabilityNegotiation {
   rankdir=LR;
   bgcolor="transparent";
   compound=true;
-  fontname="Helvetica";
+  fontname="TT Commons Pro Trial";
   splines=spline;
   nodesep=0.32;
   ranksep=0.55;
@@ -13,15 +13,15 @@ digraph CapabilityNegotiation {
     style="rounded,filled",
     fillcolor="#334155",
     color="#475569",
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=11,
     fontcolor="#F1F5F9",
     margin="0.22,0.11",
     penwidth=1.0
   ];
 
   edge [
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=9,
     fontcolor="#94A3B8",
     color="#64748B",

docs/diagrams/arch-overview-light.svg

@@ -2,7 +2,7 @@ digraph CapabilityNegotiation {
   rankdir=LR;
   bgcolor="transparent";
   compound=true;
-  fontname="Helvetica";
+  fontname="TT Commons Pro Trial";
   splines=spline;
   nodesep=0.32;
   ranksep=0.55;
@@ -13,15 +13,15 @@ digraph CapabilityNegotiation {
     style="rounded,filled",
     fillcolor="white",
     color="#CBD5E1",
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=11,
     fontcolor="#1F2937",
     margin="0.22,0.11",
     penwidth=1.0
   ];
 
   edge [
-    fontname="Helvetica",
+    fontname="TT Commons Pro Trial",
     fontsize=9,
     fontcolor="#64748B",
     color="#94A3B8",