feat(admin-ui): catalog refresh + token migration (Stage 3.2)

ordinis-admin-ui/src/routes/reviews.tsx

@@ -196,10 +196,10 @@ function ReviewsPage() {
       {queue.data && queue.data.totalElements > 0 && (
         <Panel>
           <div className="flex items-center justify-between mb-3 gap-3">
-            <p className="text-2xs text-carbon/60">
+            <p className="text-2xs text-mute">
               {t('reviews.queueTotal', { count: queue.data.totalElements })}
               {anySelected ? (
-                <span className="ml-2 text-ultramarain font-medium">
+                <span className="ml-2 text-accent font-medium">
                   · {t('reviews.bulk.selectedCount', { count: selection.size })}
                 </span>
               ) : null}
@@ -264,7 +264,7 @@ function ReviewsPage() {
                     <Link
                       to="/dictionaries/$name"
                       params={{ name: d.dictionaryId }}
-                      className="text-ultramarain hover:underline font-mono text-2xs"
+                      className="text-accent hover:underline font-mono text-2xs"
                     >
                       {d.dictionaryId.slice(0, 8)}…
                     </Link>
@@ -274,7 +274,7 @@ function ReviewsPage() {
                     <Badge variant={operationVariant(d.operation)}>{d.operation}</Badge>
                   </TableCell>
                   <TableCell className="font-mono text-2xs">{d.makerId}</TableCell>
-                  <TableCell className="text-2xs text-carbon/70">
+                  <TableCell className="text-2xs text-ink-2">
                     {new Date(d.submittedAt).toLocaleString()}
                   </TableCell>
                   <TableCell>
@@ -304,7 +304,7 @@ function ReviewsPage() {
         title={t('reviews.bulk.rejectModalTitle', { count: selection.size })}
       >
         <div className="space-y-3">
-          <p className="text-2xs text-carbon/70">
+          <p className="text-2xs text-ink-2">
             {t('reviews.bulk.rejectModalDescription')}
           </p>
           <TextArea
@@ -403,18 +403,18 @@ function ReviewDrawer({ draftId, onClose }: DrawerProps) {
             <div className="flex flex-wrap items-center gap-2 text-2xs">
               <Badge variant={operationVariant(draft.operation)}>{draft.operation}</Badge>
               <span className="font-mono">{draft.businessKey}</span>
-              <span className="text-carbon/60">
+              <span className="text-mute">
                 {t('reviews.drawer.maker')}: {draft.makerId}
               </span>
-              <span className="text-carbon/60">
+              <span className="text-mute">
                 {t('reviews.drawer.submitted')}:{' '}
                 {new Date(draft.submittedAt).toLocaleString()}
               </span>
             </div>
 
             {draft.makerComment && (
-              <div className="px-3 py-2 rounded-sm border border-regolith bg-regolith/30 text-2xs">
-                <span className="text-carbon/60 uppercase tracking-label font-secondary">
+              <div className="px-3 py-2 rounded-sm border border-line bg-line/30 text-2xs">
+                <span className="text-mute uppercase tracking-[0.10em] font-display">
                   {t('reviews.drawer.makerComment')}:
                 </span>{' '}
                 {draft.makerComment}
@@ -423,23 +423,23 @@ function ReviewDrawer({ draftId, onClose }: DrawerProps) {
 
             <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
               <div>
-                <p className="text-2xs uppercase tracking-label text-carbon/60 mb-1">
+                <p className="text-2xs uppercase tracking-[0.10em] text-mute mb-1">
                   {t('reviews.drawer.live')}
                 </p>
                 {liveQ.isLoading && <LoadingBlock size="sm" label={t('loading')} />}
                 {liveQ.data === null && (
-                  <p className="text-2xs text-carbon/60 italic">
+                  <p className="text-2xs text-mute italic">
                     {t('reviews.drawer.noLive')}
                   </p>
                 )}
                 {liveQ.data && (
-                  <pre className="bg-regolith/30 rounded p-2 text-2xs font-mono overflow-x-auto whitespace-pre-wrap">
+                  <pre className="bg-line/30 rounded p-2 text-2xs font-mono overflow-x-auto whitespace-pre-wrap">
                     {JSON.stringify(liveQ.data.data, null, 2)}
                   </pre>
                 )}
               </div>
               <div>
-                <p className="text-2xs uppercase tracking-label text-carbon/60 mb-1">
+                <p className="text-2xs uppercase tracking-[0.10em] text-mute mb-1">
                   {t('reviews.drawer.proposed')}
                 </p>
                 {draft.operation === 'CLOSE' ? (
@@ -447,7 +447,7 @@ function ReviewDrawer({ draftId, onClose }: DrawerProps) {
                     {t('reviews.drawer.closeNote')}
                   </p>
                 ) : (
-                  <pre className="bg-ultramarain/4 rounded p-2 text-2xs font-mono overflow-x-auto whitespace-pre-wrap">
+                  <pre className="bg-accent/4 rounded p-2 text-2xs font-mono overflow-x-auto whitespace-pre-wrap">
                     {JSON.stringify(draft.data, null, 2)}
                   </pre>
                 )}
@@ -460,10 +460,10 @@ function ReviewDrawer({ draftId, onClose }: DrawerProps) {
               </Alert>
             )}
 
-            <div className="border-t border-regolith pt-3 space-y-2">
+            <div className="border-t border-line pt-3 space-y-2">
               <label
                 htmlFor="review-comment"
-                className="text-2xs uppercase tracking-label text-carbon/70"
+                className="text-2xs uppercase tracking-[0.10em] text-ink-2"
               >
                 {t('reviews.drawer.comment')}
               </label>