fix: enforce semantic contrast across admin

src/app/admin/help-questions/[id]/page.tsx

@@ -39,7 +39,7 @@ export default async function EditHelpQuestion({
         </div>
       </div>
       {error ? (
-        <p className="text-xs text-gray-500 dark:text-gray-400 mb-4" style={{ color: "#dc2626" }}>
+        <p className="text-xs theme-text-muted dark:theme-text-muted mb-4" style={{ color: "#dc2626" }}>
           Error: {error}
         </p>
       ) : null}

src/app/admin/help-questions/new/page.tsx

@@ -23,7 +23,7 @@ export default async function NewHelpQuestion({
         </div>
       </div>
       {error ? (
-        <p className="text-xs text-gray-500 dark:text-gray-400 mb-4" style={{ color: "#dc2626" }}>
+        <p className="text-xs theme-text-muted dark:theme-text-muted mb-4" style={{ color: "#dc2626" }}>
           Error: {error}
         </p>
       ) : null}

src/app/admin/help-questions/page.tsx

@@ -60,16 +60,16 @@ export default async function AdminHelpQuestions() {
             <tbody>
               {entries.map((e) => (
                 <tr key={String(e.id)}>
-                  <td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">{e.position}</td>
+                  <td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">{e.position}</td>
                   <td>
                     <Link href={`/admin/help-questions/${e.id}`}>{e.name}</Link>
                   </td>
-                  <td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">
+                  <td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
                     {e.buttonText || "—"}
                   </td>
                   <td>
                     <span
-                      className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${e.smallBox ? "bg-green-600/20 text-[var(--color-text)]" : "bg-[var(--color-primary)]/18 text-[var(--color-text)]"}`}
+                      className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${e.smallBox ? "bg-[var(--color-success-subtle)] text-[var(--color-text)]" : "bg-[var(--color-primary)]/18 text-[var(--color-text)]"}`}
                     >
                       {e.smallBox ? "Yes" : "No"}
                     </span>