Theme-aware tints and status colours (#234)

ddiff --git a/public/css/video.css b/public/css/video.css
iindex 2cb6a74..2abbb96 100644
---- a/public/css/video.css
++++ b/public/css/video.css
@@@ -562,8 +562,8 @@ a.ovv-channel-name:hover { text-decoration: underline; }
  .ovv-vis-opt input:checked + .ovv-vis-card i { color: var(--ovv-accent); }
  .ovv-vis-opt input:focus-visible + .ovv-vis-card { outline: 2px solid var(--ovv-accent); outline-offset: 2px; }
  .ovv-vis-badge { display: inline-flex; align-items: center; gap: 4px; padding: 0 7px; border-radius: 999px; font-size: .74rem; font-weight: 700; border: 1px solid var(--ovv-line-strong); }
--.ovv-vis-badge--unlisted { color: #fbbf24; border-color: color-mix(in srgb, #fbbf24 40%, transparent); }
--.ovv-vis-badge--private { color: #f87171; border-color: color-mix(in srgb, #f87171 40%, transparent); }
++.ovv-vis-badge--unlisted { color: var(--warning-text, #fbbf24); border-color: color-mix(in srgb, #fbbf24 40%, transparent); }
++.ovv-vis-badge--private { color: var(--danger-text, #f87171); border-color: color-mix(in srgb, #f87171 40%, transparent); }
  @media (max-width: 1000px) {
    /* Under the player, where Edit was tapped (it was seventh, under the comments). */
    .ovv-owner { order: 1; }