Theme-aware tints and status colours (#301)

ddiff --git a/node_modules b/node_modules
nnew file mode 120000
iindex 0000000..3442828
---- /dev/null
++++ b/node_modules
@@@ -0,0 +1 @@
++/home/workstation/.cache/openvibe-deps/OpenVibe.Chat/eeb719ad0577e6d2/node_modules
\\ No newline at end of file
ddiff --git a/public/web/chat.css b/public/web/chat.css
iindex 727482d..3f07ab7 100644
---- a/public/web/chat.css
++++ b/public/web/chat.css
@@@ -54,7 +54,7 @@ h1 { font-size: 1.6rem; line-height: 1.25; margin: .3em 0 .2em; }
  .oc-where { color: var(--oc-muted); font-size: .8em; text-decoration: none; margin-left: 4px; }
  .oc-text { white-space: pre-wrap; }
  .oc-badge { display: inline-block; font-size: .7em; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 0 6px; margin-left: 6px; border-radius: 999px; border: 1px solid var(--oc-line); color: var(--oc-muted); vertical-align: 1px; }
--.oc-badge-staff { color: #fbbf24; border-color: rgba(251, 191, 36, .45); }
++.oc-badge-staff { color: var(--warning-text, #fbbf24); border-color: rgba(251, 191, 36, .45); }
  .oc-badge-mod { color: var(--oc-ok); border-color: rgba(52, 211, 153, .45); }
  .oc-nobadges .oc-badge-staff, .oc-nobadges .oc-badge-mod { display: none; }
  .oc-mine .oc-name { color: var(--oc-accent); }
@@@ -106,7 +106,7 @@ button[disabled] { opacity: .6; cursor: default; }
  h2 { font-size: 1.15rem; margin: 1.4em 0 .5em; }
  /* Room kinds, calls, the inbox */
  .oc-kind-call { color: var(--oc-ok); border-color: rgba(52, 211, 153, .45); }
--.oc-kind-system { color: #fbbf24; border-color: rgba(251, 191, 36, .45); }
++.oc-kind-system { color: var(--warning-text, #fbbf24); border-color: rgba(251, 191, 36, .45); }
  .oc-call { margin: 12px 0; padding: 10px 14px; background: var(--oc-panel); border: 1px solid var(--oc-line); border-radius: 12px; }
  .oc-call h2 { margin: 0 0 4px; font-size: 1.05rem; }
  .oc-call-people { list-style: none; margin: 6px 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; }
ddiff --git a/public/web/embed.css b/public/web/embed.css
iindex 2fdce3c..73b37b6 100644
---- a/public/web/embed.css
++++ b/public/web/embed.css
@@@ -55,7 +55,7 @@ a { color: var(--accent); }
  .em-composer button[hidden] { display: none; }
  .em-foot { margin: 0 0 8px; text-align: center; font-size: .72rem; color: var(--muted); }
  .em-foot a { color: inherit; }
--.em-error { margin: 0 12px; font-size: .82rem; color: #ef4444; }
++.em-error { margin: 0 12px; font-size: .82rem; color: var(--danger-text, #ef4444); }
  .em-rate { justify-self: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; font-size: .85rem; color: var(--muted); }
  .em-rate > button { all: unset; cursor: pointer; font-size: 1.2rem; width: 38px; height: 34px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); }
  .em-rate > button:hover { border-color: var(--accent); }
ddiff --git a/public/web/vibe.css b/public/web/vibe.css
iindex 89bb8b0..c230279 100644
---- a/public/web/vibe.css
++++ b/public/web/vibe.css
@@@ -354,12 +354,12 @@ body.oc-app-body { overflow: hidden; }
  /* What Vibe did (plan L48 V2): a chip for each reminder or timer it set or stopped, under its answer */
  .vb-res { display: grid; gap: 6px; margin: 10px 0 2px; max-width: 560px; }
  .vb-res-c { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; padding: 9px 12px; border-radius: 14px;
--    border: 1px solid color-mix(in srgb, var(--accent, #3b82f6) 35%, var(--border, rgba(255,255,255,.1))); background: color-mix(in srgb, var(--accent, #3b82f6) 8%, transparent); }
++    border: 1px solid color-mix(in srgb, var(--accent, #3b82f6) 35%, var(--border, color-mix(in srgb, var(--text-primary, #fff) 10%, transparent))); background: color-mix(in srgb, var(--accent, #3b82f6) 8%, transparent); }
  .vb-res-c > svg { width: 18px; height: 18px; fill: none; stroke: var(--accent, #3b82f6); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .vb-res-t { min-width: 0; font-size: .9rem; line-height: 1.4; }
  .vb-res-t small { display: block; color: var(--text-muted, #8b8b96); font-size: .8rem; }
  .vb-res-a { display: flex; gap: 6px; align-items: center; }
  .vb-res-a form { margin: 0; }
--.vb-res-c.is-stopped { border-color: var(--border, rgba(255,255,255,.1)); background: transparent; }
++.vb-res-c.is-stopped { border-color: var(--border, color-mix(in srgb, var(--text-primary, #fff) 10%, transparent)); background: transparent; }
  .vb-res-c.is-stopped > svg { stroke: var(--text-muted, #8b8b96); }
  .vb-res-c.is-stopped .vb-res-t { color: var(--text-muted, #8b8b96); }