Theme-aware tints and status colours (#40)

ddiff --git a/node_modules b/node_modules
nnew file mode 120000
iindex 0000000..7fff2d0
---- /dev/null
++++ b/node_modules
@@@ -0,0 +1 @@
++/home/workstation/.cache/openvibe-deps/OpenVibe.Surf/c9e8316c8509ab53/node_modules
\\ No newline at end of file
ddiff --git a/public/css/surf.css b/public/css/surf.css
iindex 711352e..843eac1 100644
---- a/public/css/surf.css
++++ b/public/css/surf.css
@@@ -66,7 +66,7 @@ html.ov-motion .sf-run-speed i { animation: sf-speed 1.1s linear infinite; anima
  .sf-demo-run { display: grid; gap: 10px; padding: 16px; border-radius: 18px; background: #0b0f17; color: #e9f2ff; border: 1px solid color-mix(in srgb, var(--room-accent) 35%, transparent); }
  .sf-demo-hud { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-weight: 700; font-size: .85rem; }
  .sf-demo-hud b { font: 800 1.8rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; }
--.sf-demo-hud .is-good { color: #4ade80; font-variant-numeric: tabular-nums; }
++.sf-demo-hud .is-good { color: var(--success-text, #4ade80); font-variant-numeric: tabular-nums; }
  .sf-demo-bar { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .12); overflow: hidden; }
  .sf-demo-bar i { display: block; height: 100%; background: #00bef6; border-radius: inherit; }
  .sf-demo-run p { margin: 0; font-size: .8rem; opacity: .75; }