update heatmap, add wasm charts

go/cmd/kjol-website/css/app.css

@@ -102,6 +102,24 @@
   --color-text-on-dark: #f9fafb;
   --color-text-on-dark-muted: #9ca3af;
 
+  /* The categorical CHART palette (webui/chart.go) and the sequential choropleth ramp
+     (webui/usheatmap.go) — the SAME tokens the Solid kit names in jsruntime/styles/
+     theme.css, so a chart looks identical on both front-ends. Marks name these as raw
+     CSS variables in the SVG they draw. Dark values in the .dark block below. */
+  --color-chart-1: #2a78d6;
+  --color-chart-2: #1baf7a;
+  --color-chart-3: #eda100;
+  --color-chart-4: #008300;
+  --color-chart-5: #4a3aa7;
+  --color-chart-6: #e34948;
+  --color-chart-7: #e87ba4;
+  --color-chart-8: #eb6834;
+  --color-choropleth-1: #dbe9fb;
+  --color-choropleth-2: #b3d0f6;
+  --color-choropleth-3: #85b3ee;
+  --color-choropleth-4: #5591e4;
+  --color-choropleth-5: #2f6fca;
+  --color-choropleth-6: #124f8f;
 }
 
 /* ---------------------------------------------------------------------------
@@ -162,6 +180,23 @@
 
   /* The grid is drawn in ink, not in shadow, once the page is dark. */
   --grid-line: rgba(226, 232, 240, 0.05);
+
+  /* Chart palette re-stepped for the dark surface; choropleth inverts its lightness
+     direction so a high value reads as brighter. Mirrors the Solid scaffold's .dark. */
+  --color-chart-1: #3987e5;
+  --color-chart-2: #199e70;
+  --color-chart-3: #c98500;
+  --color-chart-4: #008300;
+  --color-chart-5: #9085e9;
+  --color-chart-6: #e66767;
+  --color-chart-7: #d55181;
+  --color-chart-8: #d95926;
+  --color-choropleth-1: #1b2a44;
+  --color-choropleth-2: #21406c;
+  --color-choropleth-3: #2c5f97;
+  --color-choropleth-4: #3f80c8;
+  --color-choropleth-5: #649de8;
+  --color-choropleth-6: #93c2f7;
 }
 
 /* The page's own background — painted before the app mounts, and behind it afterwards.