fix: enforce semantic contrast across admin

src/app/admin/writeable-boxes/page.tsx

@@ -114,11 +114,11 @@ export default async function AdminWriteableBoxes() {
                     marginBottom: "0.75rem",
                   }}
                 >
-                  <span className="text-sm text-gray-500 dark:text-gray-400">#{String(box.id)}</span>
+                  <span className="text-sm theme-text-muted dark:theme-text-muted">#{String(box.id)}</span>
                   {box.icon ? <span aria-hidden>{box.icon}</span> : null}
                   <strong className="flex-1">{box.title}</strong>
                   <span
-                    className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${box.isActive ? "bg-green-600/20 text-[var(--color-text)]" : "bg-red-500/22 text-[var(--color-text)]"}`}
+                    className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${box.isActive ? "bg-[var(--color-success-subtle)] text-[var(--color-text)]" : "bg-[var(--color-error-subtle)] text-[var(--color-text)]"}`}
                   >
                     {box.isActive ? t("active") : t("hidden")}
                   </span>