Make documentation standalone and generalize examples

frontend/src/index.css

@@ -9,12 +9,8 @@
   ));
 
 /*
- * Self-hosted font, duplicated verbatim across the fluksio and website repos (a
- * sync point like `lib/motion.ts`; see the root DESIGN-GUIDELINES.md,
- * Typography). Kept OUT of the byte-identical `@theme inline` / `:root` /
- * `.theme-dark` blocks. Inter is used for both body (set on `body` in
- * `@layer base`) and the display face applied via the `.font-display` class
- * below.
+ * Self-hosted Inter for body text and the `.font-display` class.
+ * See DESIGN-GUIDELINES.md → Typography.
  */
 @font-face {
   font-family: "Inter";
@@ -95,8 +91,7 @@
  *
  * `--primary` is #4a7189, not the identity blue #59849b: the latter measures
  * 4.04:1 against white, below AA for the label sitting on a bg-primary fill.
- * #59849b remains the wordmark colour (index/src/assets/fluksio-*.svg). See the root
- * DESIGN-GUIDELINES.md → Colour tokens.
+ * #59849b remains the wordmark colour. See DESIGN-GUIDELINES.md → Colour tokens.
  *
  * `--primary-nested` is that same hue and saturation a few steps deeper, for
  * a reading drawn inside a `--primary` fill — the bar widget's stacked