fix: enforce semantic contrast across admin

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

@@ -41,7 +41,7 @@ export default async function AdminRadioRanksPage() {
 
   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> ·{" "}
@@ -61,7 +61,7 @@ export default async function AdminRadioRanksPage() {
 
       {dbError ? (
         <div className="admin-card mb-6">
-          <p className="text-xs text-gray-500 dark:text-gray-400 m-0">{t("ranksForm.dbError")}</p>
+          <p className="text-xs theme-text-muted dark:theme-text-muted m-0">{t("ranksForm.dbError")}</p>
         </div>
       ) : (
         <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
@@ -122,7 +122,7 @@ export default async function AdminRadioRanksPage() {
                 <div className="flex justify-between items-baseline gap-3 mb-2">
                   <strong>#{String(r.id)}</strong>
                   <span
-                    className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${r.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 ${r.isActive ? "bg-[var(--color-success-subtle)] text-[var(--color-text)]" : "bg-[var(--color-error-subtle)] text-[var(--color-text)]"}`}
                   >
                     {r.isActive ? t("ranksForm.activeLabel") : t("ranksForm.inactiveLabel")}
                   </span>