fix: use semantic colors across admin pages

src/app/admin/settings/page.tsx

@@ -19,12 +19,12 @@ export default async function AdminSettings() {
   return (
     <main>
       <div className="flex items-center gap-3 mb-6">
-        <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
+        <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
           <span className="text-lg">⚙️</span>
         </div>
         <div>
-          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">
+          <h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">{t("title")}</h1>
+          <p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
             {t.rich("subtitle", { code: (chunks) => <code>{chunks}</code> })}
           </p>
         </div>
@@ -52,7 +52,7 @@ export default async function AdminSettings() {
       <section>
         <h2 className="admin-section-title">
           {t("settings")}{" "}
-          <span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">
+          <span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--admin-accent)]/18 text-[var(--admin-text)]">
             {settings.length}
           </span>
         </h2>