fix: enforce semantic contrast across admin

src/app/admin/radio/banners/page.tsx

@@ -53,7 +53,7 @@ export default async function AdminRadioBannersPage() {
 
   return (
     <main>
-      <nav className="text-xs text-gray-500 dark:text-gray-400 mb-2">
+      <nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
         <Link href="/admin/radio">{t("title")}</Link> ·{" "}
         <Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
         <Link href="/admin/radio/banners">{t("banners.title")}</Link> ·{" "}
@@ -73,7 +73,7 @@ export default async function AdminRadioBannersPage() {
 
       {dbError ? (
         <div className="admin-card mb-6">
-          <p className="text-xs text-gray-500 dark:text-gray-400 m-0">{t("banners.dbError")}</p>
+          <p className="text-xs theme-text-muted dark:theme-text-muted m-0">{t("banners.dbError")}</p>
         </div>
       ) : (
         <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
@@ -157,10 +157,10 @@ export default async function AdminRadioBannersPage() {
               <div key={String(b.id)} className="admin-card">
                 <div className="flex justify-between items-baseline gap-3">
                   <strong>#{String(b.id)}</strong>
-                  <span className="text-sm text-gray-500 dark:text-gray-400 inline-flex gap-2 items-center">
+                  <span className="text-sm theme-text-muted dark:theme-text-muted inline-flex gap-2 items-center">
                     {t("banners.byUser", { id: String(b.userId) })} · {formatDate(b.createdAt)} ·{" "}
                     <span
-                      className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${b.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 ${b.isActive ? "bg-[var(--color-success-subtle)] text-[var(--color-text)]" : "bg-[var(--color-error-subtle)] text-[var(--color-text)]"}`}
                     >
                       {b.isActive ? t("banners.active") : t("banners.hidden")}
                     </span>