fix: use semantic colors across admin pages

src/app/admin/calendar/[id]/page.tsx

@@ -132,7 +132,7 @@ export default async function AdminCalendarCampaign({ params }: { params: Promis
           </thead>
           <tbody>
             {rewards.map((r) => (
-              <tr key={r.id} className="border-t border-[var(--border-subtle)]">
+              <tr key={r.id} className="border-t border-[var(--admin-border)]">
                 <td>{r.id}</td>
                 <td>
                   {r.productName || <span className="text-sm theme-text-muted dark:theme-text-muted">—</span>}

src/app/admin/calendar/page.tsx

@@ -59,12 +59,12 @@ export default async function AdminCalendar() {
   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">
-          <Calendar size={20} className="text-[var(--color-primary)]" />
+        <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">
+          <Calendar size={20} className="text-[var(--admin-accent)]" />
         </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("subtitle", { count: campaigns.length })}
           </p>
         </div>
@@ -100,7 +100,7 @@ export default async function AdminCalendar() {
                   <div className="flex items-center justify-between gap-2 mb-1">
                     <h3 className="m-0">{c.name || `#${c.id}`}</h3>
                     <span
-                      className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${enabled ? "bg-[var(--color-success-subtle)] text-[var(--color-text)]" : "bg-[var(--color-error-subtle)] text-[var(--color-text)]"}`}
+                      className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${enabled ? "bg-[var(--admin-success-subtle)] text-[var(--admin-text)]" : "bg-[var(--admin-error-subtle)] text-[var(--admin-text)]"}`}
                     >
                       {enabled ? t("statusEnabled") : t("statusDisabled")}
                     </span>