fix: enforce semantic contrast across admin

src/app/admin/calendar/page.tsx

@@ -100,15 +100,15 @@ export default async function AdminCalendar() {
                   <div className="flex items-center justify-between gap-2 mb-1">
                     <h3 className="m-0">{c.name || `#${c.id}`}</h3>
                     <span
-                      className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${enabled ? "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 ${enabled ? "bg-[var(--color-success-subtle)] text-[var(--color-text)]" : "bg-[var(--color-error-subtle)] text-[var(--color-text)]"}`}
                     >
                       {enabled ? t("statusEnabled") : t("statusDisabled")}
                     </span>
                   </div>
-                  <p className="text-xs text-gray-500 dark:text-gray-400 m-0">
+                  <p className="text-xs theme-text-muted dark:theme-text-muted m-0">
                     {t("campaignMeta", { id: c.id, days: c.totalDays, rewards: count })}
                   </p>
-                  <p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
+                  <p className="text-xs theme-text-muted dark:theme-text-muted mt-1">
                     {t("startsAt", { date: fmtDate(c.startTimestamp) })}
                     {c.lockExpired === "1" ? ` · ${t("locksExpired")}` : ""}
                   </p>