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

ordinis-admin-ui/src/lib/scope-style.ts

@@ -11,32 +11,46 @@ export const SCOPE_ORDER: ReadonlyArray<DataScope> = [
 ]
 
 /**
- * Solid background classes for ●-shaped scope indicators (size-2 dots,
- * section-header bullets).
+ * Solid background classes для •-shaped scope indicators (size-2 dots,
+ * section-header bullets). Use design handoff tokens (Tailwind v4 @theme):
+ *  - PUBLIC → accent (terracotta, primary brand)
+ *  - INTERNAL → warn (amber)
+ *  - RESTRICTED → pink (brick)
  */
 export const SCOPE_DOT: Record<DataScope, string> = {
-  PUBLIC: 'bg-emerald-500',
-  INTERNAL: 'bg-amber-500',
-  RESTRICTED: 'bg-rose-500',
+  PUBLIC: 'bg-accent',
+  INTERNAL: 'bg-warn',
+  RESTRICTED: 'bg-pink',
+}
+
+/** Same colors но для text-color (PUB chip filled bg, etc.). */
+export const SCOPE_TEXT: Record<DataScope, string> = {
+  PUBLIC: 'text-accent',
+  INTERNAL: 'text-warn',
+  RESTRICTED: 'text-pink',
+}
+
+/** Same colors но для tinted background (pill chips, banner backgrounds). */
+export const SCOPE_BG_TINT: Record<DataScope, string> = {
+  PUBLIC: 'bg-accent-bg',
+  INTERNAL: 'bg-warn-bg',
+  RESTRICTED: 'bg-pink-bg',
 }
 
 /**
- * `before:` background classes used for the 4px left-accent stripe on
- * dictionary cards. Pair with `relative` + `before:absolute before:left-0
- * before:top-0 before:bottom-0 before:w-1 before:rounded-l-lg`.
+ * `before:` background classes для 4px left-accent stripe на card'ах.
+ * Pair with `relative` + `before:absolute before:left-0 before:top-0
+ * before:bottom-0 before:w-1 before:rounded-l-lg`.
  */
 export const SCOPE_ACCENT: Record<DataScope, string> = {
-  PUBLIC: 'before:bg-emerald-500',
-  INTERNAL: 'before:bg-amber-500',
-  RESTRICTED: 'before:bg-rose-500',
+  PUBLIC: 'before:bg-accent',
+  INTERNAL: 'before:bg-warn',
+  RESTRICTED: 'before:bg-pink',
 }
 
-/**
- * Solid border-top classes for page-level scope banner stripes (used on
- * dictionary detail page).
- */
+/** Solid border-top classes для page-level scope banner stripes. */
 export const SCOPE_BORDER_TOP: Record<DataScope, string> = {
-  PUBLIC: 'border-t-emerald-500',
-  INTERNAL: 'border-t-amber-500',
-  RESTRICTED: 'border-t-rose-500',
+  PUBLIC: 'border-t-accent',
+  INTERNAL: 'border-t-warn',
+  RESTRICTED: 'border-t-pink',
 }