fix: isolate shared admin styling

src/lib/theme-css.ts

@@ -65,6 +65,11 @@ export function themePaletteCss(selector: string, palette: ThemePalette): string
     `--admin-sidebar-text:${admin.sidebarText};`,
     `--admin-overlay:${admin.overlay};`,
     `--admin-focus-ring:${admin.focusRing};`,
+    ...(["success", "warning", "error", "info"] as const).flatMap((status) => [
+      `--admin-${status}-foreground:${readableColor("#ffffff", [admin[status]])};`,
+      `--admin-${status}-subtle:color-mix(in srgb, ${admin[status]} 14%, ${admin.surface});`,
+      `--admin-${status}-border:color-mix(in srgb, ${admin[status]} 38%, transparent);`,
+    ]),
     ...(["success", "warning", "error", "info"] as const).flatMap((status) => [
       `--color-${status}-text-readable:${semantic.byName[`${status}-text`]};`,
       `--color-${status}-foreground-readable:${semantic.byName[`${status}-solid`]};`,