@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/cart-owner/OrderManagementPage.js

@@ -242,48 +242,48 @@ var S = [
 	}
 ], C = {
 	pending: {
-		color: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+		color: "bg-status-warning-bg-subtle/20 text-status-warning-text",
 		label: "New Order"
 	},
 	confirmed: {
-		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
+		color: "bg-accent-blue-subtle/20 text-accent-blue",
 		label: "Confirmed"
 	},
 	preparing: {
-		color: "bg-orange-500/20 text-orange-600 dark:text-orange-400",
+		color: "bg-accent-orange-subtle/20 text-accent-orange",
 		label: "Preparing"
 	},
 	ready: {
-		color: "bg-green-500/20 text-green-600 dark:text-green-400",
+		color: "bg-status-success-bg-subtle/20 text-status-success-text",
 		label: "Ready"
 	},
 	out_for_delivery: {
-		color: "bg-cyan-500/20 text-cyan-600 dark:text-cyan-400",
+		color: "bg-accent-cyan-subtle/20 text-accent-cyan",
 		label: "Out for Delivery"
 	},
 	delivered: {
-		color: "bg-green-500/20 text-green-600 dark:text-green-400",
+		color: "bg-status-success-bg-subtle/20 text-status-success-text",
 		label: "Completed"
 	},
 	cancelled: {
-		color: "bg-red-500/20 text-red-600 dark:text-red-400",
+		color: "bg-status-error-bg-subtle/20 text-status-error-text",
 		label: "Cancelled"
 	}
 }, w = {
 	delivery: {
 		icon: g,
 		label: "Delivery",
-		color: "bg-purple-500/20 text-purple-600 dark:text-purple-400"
+		color: "bg-accent-purple-subtle/20 text-accent-purple"
 	},
 	pickup: {
 		icon: h,
 		label: "Pickup",
-		color: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+		color: "bg-accent-blue-subtle/20 text-accent-blue"
 	},
 	cart_dispatch: {
 		icon: u,
 		label: "Cart Dispatch",
-		color: "bg-muted text-muted-foreground"
+		color: "bg-bg-sunken text-text-secondary"
 	}
 }, T = (e) => {
 	let t = new Date(e), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / (1e3 * 60));
@@ -297,7 +297,7 @@ var S = [
 	hour12: !0
 }), D = (e) => {
 	let t = ((/* @__PURE__ */ new Date()).getTime() - new Date(e.orderDate).getTime()) / (1e3 * 60);
-	return e.status === "pending" && t > 10 ? "border-red-500/50 bg-red-500/5" : e.status === "preparing" && t > 30 ? "border-yellow-500/50 bg-yellow-500/5" : "border-border";
+	return e.status === "pending" && t > 10 ? "border-status-error-border/50 bg-status-error-bg-subtle/5" : e.status === "preparing" && t > 30 ? "border-status-warning-border/50 bg-status-warning-bg-subtle/5" : "border-border-subtle";
 }, O = () => {
 	let { navigateTo: i } = e(), [h, g] = o(S), [O, k] = o({
 		status: "",
@@ -373,16 +373,16 @@ var S = [
 		actions: /* @__PURE__ */ x("button", {
 			type: "button",
 			onClick: () => I("Orders refreshed", "success"),
-			className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+			className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 			children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), "Refresh"]
 		}),
 		children: [/* @__PURE__ */ x("div", {
 			className: "space-y-4",
 			children: [
 				P && /* @__PURE__ */ x("div", {
-					className: t("flex items-center gap-2 rounded-lg border p-3", P.type === "success" ? "border-green-500/30 bg-green-500/10" : "border-red-500/30 bg-red-500/10"),
-					children: [P.type === "success" ? /* @__PURE__ */ b(c, { className: "h-4 w-4 text-green-600 dark:text-green-400" }) : /* @__PURE__ */ b(s, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ b("span", {
-						className: t("text-sm font-medium", P.type === "success" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"),
+					className: t("flex items-center gap-2 rounded-lg border p-3", P.type === "success" ? "border-status-success-border/30 bg-status-success-bg-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/10"),
+					children: [P.type === "success" ? /* @__PURE__ */ b(c, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ b(s, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ b("span", {
+						className: t("text-sm font-medium", P.type === "success" ? "text-status-success-text" : "text-status-error-text"),
 						children: P.text
 					})]
 				}),
@@ -390,75 +390,75 @@ var S = [
 					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
 						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Total Orders"
 							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-foreground",
+								className: "text-2xl font-bold text-text-primary",
 								children: L.total
 							})]
 						}),
 						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-yellow-500/30 bg-yellow-500/5 p-4 shadow-sm",
+							className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/5 p-4 shadow-sm",
 							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-yellow-600 dark:text-yellow-400",
+								className: "text-xs text-status-warning-text",
 								children: "Pending"
 							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-yellow-600 dark:text-yellow-400",
+								className: "text-2xl font-bold text-status-warning-text",
 								children: L.pending
 							})]
 						}),
 						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-blue-500/30 bg-blue-500/5 p-4 shadow-sm",
+							className: "rounded-lg border border-accent-blue-subtle/30 bg-accent-blue-subtle/5 p-4 shadow-sm",
 							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-blue-600 dark:text-blue-400",
+								className: "text-xs text-accent-blue",
 								children: "Active"
 							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-blue-600 dark:text-blue-400",
+								className: "text-2xl font-bold text-accent-blue",
 								children: L.active
 							})]
 						}),
 						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-green-500/30 bg-green-500/5 p-4 shadow-sm",
+							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/5 p-4 shadow-sm",
 							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-green-600 dark:text-green-400",
+								className: "text-xs text-status-success-text",
 								children: "Completed"
 							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-green-600 dark:text-green-400",
+								className: "text-2xl font-bold text-status-success-text",
 								children: L.completed
 							})]
 						}),
 						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Total Revenue"
 							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-foreground",
+								className: "text-2xl font-bold text-text-primary",
 								children: r(L.totalRevenue, { minimumFractionDigits: 0 })
 							})]
 						}),
 						/* @__PURE__ */ x("div", {
-							className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ b("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "Avg Order"
 							}), /* @__PURE__ */ b("p", {
-								className: "text-2xl font-bold text-foreground",
+								className: "text-2xl font-bold text-text-primary",
 								children: r(L.avgOrder, { minimumFractionDigits: 0 })
 							})]
 						})
 					]
 				}),
 				/* @__PURE__ */ b("div", {
-					className: "rounded-lg border border-border bg-card p-4 shadow-sm",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 					children: /* @__PURE__ */ x("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",
 						children: [
 							/* @__PURE__ */ x("div", {
 								className: "relative sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ b(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ b("input", {
+								children: [/* @__PURE__ */ b(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
 									type: "text",
 									placeholder: "Search orders...",
 									value: O.searchQuery,
@@ -466,7 +466,7 @@ var S = [
 										...t,
 										searchQuery: e.target.value
 									})),
-									className: "w-full rounded-md border border-border bg-card pl-10 pr-4 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									className: "w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
 							/* @__PURE__ */ x("select", {
@@ -475,7 +475,7 @@ var S = [
 									...t,
 									status: e.target.value
 								})),
-								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
 									/* @__PURE__ */ b("option", {
 										value: "",
@@ -513,7 +513,7 @@ var S = [
 									...t,
 									fulfillmentType: e.target.value
 								})),
-								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
 									/* @__PURE__ */ b("option", {
 										value: "",
@@ -539,7 +539,7 @@ var S = [
 									...t,
 									dateRange: e.target.value
 								})),
-								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
 									/* @__PURE__ */ b("option", {
 										value: "today",
@@ -565,7 +565,7 @@ var S = [
 									...t,
 									sortBy: e.target.value
 								})),
-								className: "rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground",
+								className: "rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
 									/* @__PURE__ */ b("option", {
 										value: "recent",
@@ -589,15 +589,15 @@ var S = [
 					})
 				}),
 				R.length === 0 ? /* @__PURE__ */ x("div", {
-					className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border bg-card shadow-sm text-center",
+					className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border-subtle bg-bg-surface shadow-sm text-center",
 					children: [
-						/* @__PURE__ */ b(d, { className: "h-12 w-12 text-muted-foreground opacity-40 mb-3" }),
+						/* @__PURE__ */ b(d, { className: "h-12 w-12 text-text-secondary opacity-40 mb-3" }),
 						/* @__PURE__ */ b("h3", {
-							className: "text-lg font-semibold text-foreground mb-1",
+							className: "text-lg font-semibold text-text-primary mb-1",
 							children: "No orders found"
 						}),
 						/* @__PURE__ */ b("p", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: O.searchQuery || O.status ? "Try adjusting your filters" : "No orders to display"
 						})
 					]
@@ -605,11 +605,11 @@ var S = [
 					className: "space-y-4",
 					children: R.map((e) => {
 						let n = C[e.status] || {
-							color: "bg-muted text-muted-foreground",
+							color: "bg-bg-sunken text-text-secondary",
 							label: e.status
 						}, i = w[e.fulfillmentType || "delivery"] || w.delivery, a = i.icon;
 						return /* @__PURE__ */ b("div", {
-							className: t("rounded-lg border bg-card shadow-sm transition-shadow hover:shadow-md", D(e)),
+							className: t("rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md", D(e)),
 							children: /* @__PURE__ */ x("div", {
 								className: "p-4 sm:p-5",
 								children: [
@@ -621,7 +621,7 @@ var S = [
 												className: "flex flex-wrap items-center gap-2 mb-1",
 												children: [
 													/* @__PURE__ */ x("h3", {
-														className: "text-sm sm:text-base font-semibold text-foreground",
+														className: "text-sm sm:text-base font-semibold text-text-primary",
 														children: ["Order #", e.id]
 													}),
 													/* @__PURE__ */ b("span", {
@@ -634,7 +634,7 @@ var S = [
 													})
 												]
 											}), /* @__PURE__ */ x("p", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: [
 													e.customerName || "Customer",
 													" | ",
@@ -644,24 +644,24 @@ var S = [
 										}), /* @__PURE__ */ x("div", {
 											className: "flex items-center gap-3",
 											children: [/* @__PURE__ */ b("p", {
-												className: "text-lg font-bold text-foreground",
+												className: "text-lg font-bold text-text-primary",
 												children: r(e.total, { minimumFractionDigits: 0 })
 											}), /* @__PURE__ */ b("button", {
 												type: "button",
 												onClick: () => {
 													j(e), N(!0);
 												},
-												className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+												className: "rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 												children: "View Details"
 											})]
 										})]
 									}),
 									/* @__PURE__ */ b("div", {
-										className: "border-t border-border pt-3 mb-3",
+										className: "border-t border-border-subtle pt-3 mb-3",
 										children: /* @__PURE__ */ b("div", {
 											className: "flex flex-wrap gap-2",
 											children: e.items.map((e, t) => /* @__PURE__ */ x("span", {
-												className: "inline-flex items-center rounded bg-muted px-2 py-1 text-xs text-foreground",
+												className: "inline-flex items-center rounded bg-bg-sunken px-2 py-1 text-xs text-text-primary",
 												children: [
 													e.quantity,
 													"x ",
@@ -676,30 +676,30 @@ var S = [
 											e.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => z(e.id, "accept"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Accept Order"]
 											}), /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => z(e.id, "reject"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-red-500/10 px-3 py-2 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors",
 												children: [/* @__PURE__ */ b(v, { className: "h-3.5 w-3.5" }), "Reject"]
 											})] }),
 											e.status === "confirmed" && /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => z(e.id, "ready"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-orange-500/10 px-3 py-2 text-xs font-medium text-orange-600 dark:text-orange-400 hover:bg-orange-500/20 transition-colors",
+												className: "inline-flex items-center gap-1.5 rounded-md bg-accent-orange-subtle/10 px-3 py-2 text-xs font-medium text-accent-orange hover:bg-accent-orange-subtle/20 transition-colors",
 												children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), "Start Preparing"]
 											}),
 											e.status === "preparing" && /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => z(e.id, "ready"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 												children: [/* @__PURE__ */ b(d, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
 											}),
 											e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => z(e.id, "complete"),
-												className: "inline-flex items-center gap-1.5 rounded-md bg-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Complete Order"]
 											}),
 											[
@@ -709,18 +709,18 @@ var S = [
 											].includes(e.status) && /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => alert("Contact feature coming soon!"),
-												className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-2 text-xs font-medium text-foreground hover:bg-muted transition-colors",
+												className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 												children: [/* @__PURE__ */ b(f, { className: "h-3.5 w-3.5" }), "Contact Customer"]
 											})
 										]
 									}),
 									e.specialInstructions && /* @__PURE__ */ x("div", {
-										className: "mt-3 rounded-md border border-yellow-500/30 bg-yellow-500/10 p-3",
+										className: "mt-3 rounded-md border border-status-warning-border/30 bg-status-warning-bg-subtle/10 p-3",
 										children: [/* @__PURE__ */ b("p", {
-											className: "text-xs font-medium text-yellow-600 dark:text-yellow-400",
+											className: "text-xs font-medium text-status-warning-text",
 											children: "Special Instructions:"
 										}), /* @__PURE__ */ b("p", {
-											className: "text-xs text-yellow-600 dark:text-yellow-400 mt-0.5",
+											className: "text-xs text-status-warning-text mt-0.5",
 											children: e.specialInstructions
 										})]
 									})
@@ -733,18 +733,18 @@ var S = [
 		}), M && A && /* @__PURE__ */ b("div", {
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 			children: /* @__PURE__ */ b("div", {
-				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border bg-card shadow-xl",
+				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl",
 				children: /* @__PURE__ */ x("div", {
 					className: "p-6",
 					children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between mb-4",
 						children: [/* @__PURE__ */ b("h3", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: "Order Details"
 						}), /* @__PURE__ */ b("button", {
 							type: "button",
 							onClick: () => N(!1),
-							className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
 							children: /* @__PURE__ */ b(_, { className: "h-5 w-5" })
 						})]
 					}), /* @__PURE__ */ x("div", {
@@ -754,49 +754,49 @@ var S = [
 								className: "grid grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Order ID"
 									}), /* @__PURE__ */ x("p", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: ["#", A.id]
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Status"
 									}), /* @__PURE__ */ b("span", {
 										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (C[A.status] || C.pending).color),
 										children: (C[A.status] || C.pending).label
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Customer"
 									}), /* @__PURE__ */ b("p", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: A.customerName || "N/A"
 									})] }),
 									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: "Order Time"
 									}), /* @__PURE__ */ b("p", {
-										className: "text-sm font-medium text-foreground",
+										className: "text-sm font-medium text-text-primary",
 										children: E(A.orderDate)
 									})] })
 								]
 							}),
 							/* @__PURE__ */ x("div", {
-								className: "border-t border-border pt-4",
+								className: "border-t border-border-subtle pt-4",
 								children: [/* @__PURE__ */ b("h4", {
-									className: "text-sm font-medium text-foreground mb-3",
+									className: "text-sm font-medium text-text-primary mb-3",
 									children: "Order Items"
 								}), /* @__PURE__ */ b("div", {
 									className: "space-y-2",
 									children: A.items.map((e, t) => /* @__PURE__ */ x("div", {
 										className: "flex justify-between items-start",
 										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: e.name
 										}), /* @__PURE__ */ x("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [
 												r(e.price, { minimumFractionDigits: 0 }),
 												" x",
@@ -804,40 +804,40 @@ var S = [
 												e.quantity
 											]
 										})] }), /* @__PURE__ */ b("p", {
-											className: "text-sm font-medium text-foreground",
+											className: "text-sm font-medium text-text-primary",
 											children: r(e.price * e.quantity, { minimumFractionDigits: 0 })
 										})]
 									}, t))
 								})]
 							}),
 							/* @__PURE__ */ x("div", {
-								className: "border-t border-border pt-4 space-y-2",
+								className: "border-t border-border-subtle pt-4 space-y-2",
 								children: [
 									/* @__PURE__ */ x("div", {
-										className: "flex justify-between text-sm text-muted-foreground",
+										className: "flex justify-between text-sm text-text-secondary",
 										children: [/* @__PURE__ */ b("span", { children: "Subtotal" }), /* @__PURE__ */ b("span", { children: r(A.subtotal, { minimumFractionDigits: 0 }) })]
 									}),
 									/* @__PURE__ */ x("div", {
-										className: "flex justify-between text-sm text-muted-foreground",
+										className: "flex justify-between text-sm text-text-secondary",
 										children: [/* @__PURE__ */ b("span", { children: "Delivery Fee" }), /* @__PURE__ */ b("span", { children: r(A.deliveryFee, { minimumFractionDigits: 0 }) })]
 									}),
 									/* @__PURE__ */ x("div", {
-										className: "flex justify-between text-sm text-muted-foreground",
+										className: "flex justify-between text-sm text-text-secondary",
 										children: [/* @__PURE__ */ b("span", { children: "Tax" }), /* @__PURE__ */ b("span", { children: r(A.taxes, { minimumFractionDigits: 0 }) })]
 									}),
 									/* @__PURE__ */ x("div", {
-										className: "flex justify-between font-semibold text-foreground pt-2 border-t border-border",
+										className: "flex justify-between font-semibold text-text-primary pt-2 border-t border-border-subtle",
 										children: [/* @__PURE__ */ b("span", { children: "Total" }), /* @__PURE__ */ b("span", { children: r(A.total, { minimumFractionDigits: 0 }) })]
 									})
 								]
 							}),
 							A.fulfillmentType === "delivery" && A.deliveryAddress && /* @__PURE__ */ x("div", {
-								className: "border-t border-border pt-4",
+								className: "border-t border-border-subtle pt-4",
 								children: [/* @__PURE__ */ x("h4", {
-									className: "text-sm font-medium text-foreground mb-2 flex items-center gap-1.5",
-									children: [/* @__PURE__ */ b(u, { className: "h-4 w-4 text-muted-foreground" }), "Delivery Address"]
+									className: "text-sm font-medium text-text-primary mb-2 flex items-center gap-1.5",
+									children: [/* @__PURE__ */ b(u, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
 								}), /* @__PURE__ */ x("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: [
 										A.deliveryAddress.street,
 										", ",
@@ -854,17 +854,17 @@ var S = [
 								children: [/* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => N(!1),
-									className: "flex-1 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors",
+									className: "flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Close"
 								}), A.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => z(A.id, "accept"),
-									className: "flex-1 rounded-md bg-green-500/10 px-4 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
+									className: "flex-1 rounded-md bg-status-success-bg-subtle/10 px-4 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 									children: "Accept Order"
 								}), /* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => z(A.id, "reject"),
-									className: "flex-1 rounded-md bg-red-500/10 px-4 py-2 text-sm font-medium text-red-600 dark:text-red-400 hover:bg-red-500/20 transition-colors",
+									className: "flex-1 rounded-md bg-status-error-bg-subtle/10 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors",
 									children: "Reject Order"
 								})] })]
 							})