Update kjol website with C documentation

go/cmd/kjol-web/frontend/css/style.css

@@ -10,20 +10,25 @@
 
    The values below match the Go/WASM section's css/app.css on purpose — same
    Lora, same sky accent — so that crossing between /wasm and /js reads as two
-   halves of ONE site rather than two demos that happen to share a domain. The
+   parts of ONE site rather than two demos that happen to share a domain. The
    two sections are built by completely different pipelines; they should not look
    like it.
    --------------------------------------------------------------------------- */
 
 @theme {
-    /* The accent. `primary` is the ONE semantic token the Solid kit actually
-       honours (bg-primary / text-primary / border-primary / bg-primary-hover);
-       everything else in the kit names a raw Tailwind neutral directly. That is a
-       real difference from the Go/WASM kit — which is themed end to end by tokens
-       and can therefore switch to dark by changing ten values — and the /js/theming
-       page says so out loud rather than pretending otherwise. */
-    --color-primary: #0284c7;       /* sky-600 — fills; they carry white text */
-    --color-primary-hover: #0369a1; /* sky-700 */
+    /* The brand: navy and red, the Norwegian flag muted down. These are the SAME values
+       the Go/WASM section's css/app.css sets, and under the same names — so the Layers
+       menu, the sidebar highlight and the callouts are the same navy on both sides of the
+       site rather than two navies that happen to be close.
+
+       primary FILLS (white text sits on it) and is the NAVY; accent is TEXT and icons and
+       is the RED (it has to be readable on the surface); primary-subtle/-border are the
+       tinted panel. */
+    --color-primary: #1e3a63;         /* muted navy — fills; they carry white text */
+    --color-primary-hover: #16294a;
+    --color-primary-subtle: #eef2f8;  /* a navy wash — tinted panels, callouts */
+    --color-primary-border: #c5d1e2;
+    --color-accent: #9e1b32;          /* dark red — accent TEXT */
 
     /* Lora, the same body face the Go/WASM section vendors. The woff2 files are
        served out of wwwroot/fonts by the same server, so this section pays no
@@ -77,3 +82,21 @@
 html {
     font-family: var(--font-sans);
 }
+
+/* The dark values for the brand.
+   ---------------------------------------------------------------------------
+   Both tokens move, for different reasons. The accent CLIMBS: a dark red on a near-black
+   surface is unreadable, so it goes up to a light rose — still the flag's red, just the
+   only version of it you can read here. The FILL climbs too, which the sky blue it
+   replaced did not have to: navy is dark enough that a navy button on a #101013 page loses
+   its edges and reads as a hole. And the tinted panel inverts outright, because a pale
+   wash on #101013 is not a tint, it is a white box.
+
+   Same values, same names, as the Go/WASM section's css/app.css. */
+.dark {
+    --color-accent: #f0a3ad;
+    --color-primary: #2b4f80;
+    --color-primary-hover: #37619b;
+    --color-primary-subtle: #182234;
+    --color-primary-border: #2c3e5c;
+}