Theme-aware tints and status colours (#148)

ddiff --git a/public/css/app.css b/public/css/app.css
iindex a272cfb..764a165 100644
---- a/public/css/app.css
++++ b/public/css/app.css
@@@ -116,9 +116,9 @@ button.sc-btn.sc-primary { border: 0; }
  .ws-item-body { flex: 1; min-width: 0; }
  .ws-item-body h2 { margin: 0 0 6px; font-size: 1.05rem; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
  .ws-state { font-size: .72rem; font-weight: 700; padding: .1rem .5rem; border-radius: 999px; border: 1px solid var(--border, #1f2d47); }
--.ws-published { color: #22c55e; border-color: color-mix(in srgb, #22c55e 50%, transparent); }
--.ws-in_review { color: #f59e0b; border-color: color-mix(in srgb, #f59e0b 50%, transparent); }
--.ws-draft { color: #ef4444; border-color: color-mix(in srgb, #ef4444 50%, transparent); }
++.ws-published { color: var(--success-text, #22c55e); border-color: color-mix(in srgb, #22c55e 50%, transparent); }
++.ws-in_review { color: var(--warning-text, #f59e0b); border-color: color-mix(in srgb, #f59e0b 50%, transparent); }
++.ws-draft { color: var(--danger-text, #ef4444); border-color: color-mix(in srgb, #ef4444 50%, transparent); }
  .ws-give, .ws-review { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; margin-top: 8px; }
  .ws-give label, .ws-review label { display: grid; gap: 4px; font-size: .85rem; }
  .ws-reason { flex: 1; min-width: 200px; }