feat: 新增租戶品牌客製化系統（Logo、主色系）、修正 hardcoded 顏色為 CSS 變數

resources/js/Pages/Admin/Role/Create.tsx

@@ -107,7 +107,7 @@ export default function RoleCreate({ groupedPermissions }: Props) {
                         <div className="flex items-center justify-between">
                             <div>
                                 <h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
-                                    <Shield className="h-6 w-6 text-[#01ab83]" />
+                                    <Shield className="h-6 w-6 text-primary-main" />
                                     建立新角色
                                 </h1>
                                 <p className="text-gray-500 mt-1">
@@ -179,7 +179,7 @@ export default function RoleCreate({ groupedPermissions }: Props) {
                                                 variant="ghost"
                                                 size="sm"
                                                 onClick={() => toggleGroup(group.permissions)}
-                                                className="text-xs h-7 text-[#01ab83] hover:text-[#01ab83] hover:bg-[#01ab83]/10"
+                                                className="text-xs h-7 text-primary-main hover:text-primary-main hover:bg-primary-main/10"
                                             >
                                                 {allGroupSelected ? '取消全選' : '全選'}
                                             </Button>