feat(design): shift ink tokens to deep modern blue

All text, borders and QR codes now render in blue-ink on cream paper.
ink #1A1714 → #1E3A8A, ink-muted warm → cool blue-gray, rule-strong
+ QR fgColor updated to match.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

web/src/components/CloudSharePanel.tsx

@@ -219,7 +219,7 @@ export default function CloudSharePanel() {
                 value={stage.shareUrl}
                 size={128}
                 bgColor="#F5F0E6"
-                fgColor="#1A1714"
+                fgColor="#1E3A8A"
               />
             </div>
             <div className="min-w-0 flex-1">

web/src/components/PublicRoomPanel.tsx

@@ -85,7 +85,7 @@ function PublicRoomModal({
           <>
             <div className="flex justify-center mb-5">
               <div className="bg-paper p-3 border border-paper-edge rounded-sm">
-                <QRCodeSVG value={url} size={180} bgColor="#F5F0E6" fgColor="#1A1714" />
+                <QRCodeSVG value={url} size={180} bgColor="#F5F0E6" fgColor="#1E3A8A" />
               </div>
             </div>
 

web/src/design/tokens.ts

@@ -12,9 +12,9 @@ export const color = {
   paper: "#F5F0E6",
   paperDeep: "#EBE4D4",
   paperEdge: "#DCD3BE",
-  ink: "#1A1714",
+  ink: "#1E3A8A",
-  inkMuted: "#6B635A",
+  inkMuted: "#6B7CA3",
-  inkFaint: "#A89F93",
+  inkFaint: "#A8B0C3",
 
   signal: "#1D4ED8",
   signalQuiet: "#E3EAF5",

web/src/index.css

@@ -11,7 +11,7 @@
   html,
   body {
     background: #f5f0e6;
-    color: #1a1714;
+    color: #1e3a8a;
     font-family: "Inter", "Söhne", system-ui, -apple-system, sans-serif;
     font-feature-settings: "ss01", "cv11";
     -webkit-font-smoothing: antialiased;
@@ -60,7 +60,7 @@
     border-bottom: 1px solid #dcd3be;
   }
   .rule-strong {
-    border-bottom: 1px solid #1a1714;
+    border-bottom: 1px solid #1e3a8a;
   }
   /* Envelope: subtle diagonal flap hint used on panels */
   .paper-panel {

web/tailwind.config.js

@@ -7,9 +7,9 @@ export default {
         paper: "#F5F0E6",
         "paper-deep": "#EBE4D4",
         "paper-edge": "#DCD3BE",
-        ink: "#1A1714",
+        ink: "#1E3A8A",
-        "ink-muted": "#6B635A",
+        "ink-muted": "#6B7CA3",
-        "ink-faint": "#A89F93",
+        "ink-faint": "#A8B0C3",
         signal: "#1D4ED8",
         "signal-quiet": "#E3EAF5",
         ok: "#3E6B4A",