Update 3d chart mode, add US heatmap, move kjol-web -> kjol-website

go/jsruntime/styles/theme.css

@@ -164,6 +164,18 @@
     --color-chart-6: #e34948; /* red     */
     --color-chart-7: #e87ba4; /* magenta */
     --color-chart-8: #eb6834; /* orange  */
+
+    /* Sequential ramp for the choropleth (uikit/USHeatmap): one hue, light→dark, six
+       steps low→high. Unlike the categorical slots it means MAGNITUDE, so it is a single
+       blue stepped by lightness. Dark mode re-points it below: on a near-black surface a
+       high value must read as BRIGHTER, not darker, so the ramp inverts its lightness
+       direction while keeping the same hue. */
+    --color-choropleth-1: #dbe9fb;
+    --color-choropleth-2: #b3d0f6;
+    --color-choropleth-3: #85b3ee;
+    --color-choropleth-4: #5591e4;
+    --color-choropleth-5: #2f6fca;
+    --color-choropleth-6: #124f8f;
 }
 
 /* ---------------------------------------------------------------------------
@@ -218,6 +230,15 @@
     --color-chart-6: #e66767;
     --color-chart-7: #d55181;
     --color-chart-8: #d95926;
+
+    /* Same blue hue, stepped for the dark surface and inverted in direction: step 1 (low)
+       is the dimmest, step 6 (high) the brightest, so "more" reads as "brighter". */
+    --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 anything mounts, and behind it