fix: enforce semantic contrast across admin

src/app/admin/emulator/page.tsx

@@ -38,7 +38,7 @@ export default async function AdminEmulator() {
   return (
     <main>
       <h1>{t("title")}</h1>
-      <p className="text-xs text-gray-500 dark:text-gray-400 mb-3">
+      <p className="text-xs theme-text-muted dark:theme-text-muted mb-3">
         {t.rich("subtitle", {
           code: (chunks) => <code>{chunks}</code>,
         })}
@@ -51,7 +51,7 @@ export default async function AdminEmulator() {
 
       <section className="mt-6">
         <h2 className="admin-section-title">{t("settings")}</h2>
-        <p className="text-xs text-gray-500 dark:text-gray-400 mb-3">
+        <p className="text-xs theme-text-muted dark:theme-text-muted mb-3">
           {t("keysCount", { count: settings.length })}
         </p>
 
@@ -93,13 +93,13 @@ export default async function AdminEmulator() {
           </tbody>
         </table>
         {settings.length === 0 ? (
-          <p className="text-xs text-gray-500 dark:text-gray-400">{t("noSettings")}</p>
+          <p className="text-xs theme-text-muted dark:theme-text-muted">{t("noSettings")}</p>
         ) : null}
       </section>
 
       <section className="mt-6">
         <h2 className="admin-section-title">{t("texts")}</h2>
-        <p className="text-xs text-gray-500 dark:text-gray-400 mb-3">
+        <p className="text-xs theme-text-muted dark:theme-text-muted mb-3">
           {t("keysCount", { count: textsCount })}
           {textsTruncated ? ` (${t("showingFirst", { count: texts.length })})` : ""}.
         </p>