@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/admin/AdminOrdersPage.js

@@ -83,18 +83,18 @@ function D() {
 		hour: "2-digit",
 		minute: "2-digit"
 	}), K = (e) => ({
-		delivered: "bg-green-500/20 text-green-600 dark:text-green-400",
-		preparing: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		ready: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		out_for_delivery: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
-		cancelled: "bg-red-500/20 text-red-600 dark:text-red-400",
-		confirmed: "bg-blue-500/20 text-blue-600 dark:text-blue-400"
+		delivered: "bg-status-success-bg-subtle/20 text-status-success-text",
+		preparing: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+		ready: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+		out_for_delivery: "bg-accent-blue-subtle/20 text-accent-blue",
+		cancelled: "bg-status-error-bg-subtle/20 text-status-error-text",
+		confirmed: "bg-accent-blue-subtle/20 text-accent-blue"
 	})[e] ?? "bg-secondary text-secondary-foreground", q = (e) => {
 		switch (e) {
-			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-green-600 dark:text-green-400" });
-			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-red-600 dark:text-red-400" });
-			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" });
-			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-yellow-600 dark:text-yellow-400" });
+			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-status-success-text" });
+			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-status-error-text" });
+			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-accent-blue" });
+			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-status-warning-text" });
 		}
 	}, J = o(() => O.filter((e) => {
 		let t = !P || e.id.toLowerCase().includes(P.toLowerCase()) || e.customerName.toLowerCase().includes(P.toLowerCase()) || e.cartName.toLowerCase().includes(P.toLowerCase()), n = I === "all" || e.status === I;
@@ -114,8 +114,8 @@ function D() {
 		description: "Loading orders...",
 		children: /* @__PURE__ */ T("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ w(p, { className: "h-10 w-10 animate-spin text-muted-foreground mb-4" }), /* @__PURE__ */ w("p", {
-				className: "text-muted-foreground",
+			children: [/* @__PURE__ */ w(p, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ w("p", {
+				className: "text-text-secondary",
 				children: "Loading orders..."
 			})]
 		})
@@ -154,24 +154,24 @@ function D() {
 				]
 			}),
 			/* @__PURE__ */ w("div", {
-				className: "rounded-lg border border-border bg-card p-4 mb-6",
+				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
 				children: /* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-4",
 					children: [/* @__PURE__ */ T("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ w(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ w("input", {
+						children: [/* @__PURE__ */ w(_, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
 							type: "text",
 							placeholder: "Search by order ID, customer, or cart name...",
 							value: P,
 							onChange: (e) => F(e.target.value),
-							className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})]
 					}), /* @__PURE__ */ T("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
 						children: [/* @__PURE__ */ T("select", {
 							value: I,
 							onChange: (e) => L(e.target.value),
-							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ w("option", {
 									value: "all",
@@ -209,7 +209,7 @@ function D() {
 						}), /* @__PURE__ */ T("select", {
 							value: R,
 							onChange: (e) => z(e.target.value),
-							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ w("option", {
 									value: "today",
@@ -233,20 +233,20 @@ function D() {
 				})
 			}),
 			/* @__PURE__ */ T("div", {
-				className: "rounded-lg border border-border bg-card overflow-hidden",
+				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
 					/* @__PURE__ */ w("div", {
 						className: "block md:hidden space-y-4 p-4",
 						children: J.map((e) => /* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border bg-muted/30 p-4",
+							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
 								/* @__PURE__ */ T("div", {
 									className: "flex justify-between items-start mb-3",
 									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
-										className: "font-medium text-foreground text-lg",
+										className: "font-medium text-text-primary text-lg",
 										children: e.id
 									}), /* @__PURE__ */ w("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: G(e.orderDate)
 									})] }), /* @__PURE__ */ w("span", {
 										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(e.status)),
@@ -257,28 +257,28 @@ function D() {
 									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
 									children: [/* @__PURE__ */ T("div", { children: [
 										/* @__PURE__ */ w("p", {
-											className: "text-muted-foreground font-medium",
+											className: "text-text-secondary font-medium",
 											children: "Customer"
 										}),
 										/* @__PURE__ */ w("p", {
-											className: "text-foreground",
+											className: "text-text-primary",
 											children: e.customerName
 										}),
 										/* @__PURE__ */ w("p", {
-											className: "text-muted-foreground text-xs",
+											className: "text-text-secondary text-xs",
 											children: e.customerPhone
 										})
 									] }), /* @__PURE__ */ T("div", { children: [
 										/* @__PURE__ */ w("p", {
-											className: "text-muted-foreground font-medium",
+											className: "text-text-secondary font-medium",
 											children: "Cart"
 										}),
 										/* @__PURE__ */ w("p", {
-											className: "text-foreground",
+											className: "text-text-primary",
 											children: e.cartName
 										}),
 										/* @__PURE__ */ w("p", {
-											className: "text-muted-foreground text-xs",
+											className: "text-text-secondary text-xs",
 											children: e.cartOwner
 										})
 									] })]
@@ -286,20 +286,20 @@ function D() {
 								/* @__PURE__ */ T("div", {
 									className: "flex justify-between items-center mb-3",
 									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-muted-foreground font-medium text-sm",
+										className: "text-text-secondary font-medium text-sm",
 										children: "Amount"
 									}), /* @__PURE__ */ w("p", {
-										className: "text-foreground font-semibold text-lg",
+										className: "text-text-primary font-semibold text-lg",
 										children: W(e.total)
 									})] }), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
 										children: [q(e.paymentStatus), /* @__PURE__ */ T("div", {
 											className: "text-right",
 											children: [/* @__PURE__ */ w("p", {
-												className: "text-sm text-foreground",
+												className: "text-sm text-text-primary",
 												children: e.paymentMethod
 											}), /* @__PURE__ */ w("p", {
-												className: "text-xs text-muted-foreground capitalize",
+												className: "text-xs text-text-secondary capitalize",
 												children: e.paymentStatus
 											})]
 										})]
@@ -310,7 +310,7 @@ function D() {
 									onClick: () => {
 										V(e), U(!0);
 									},
-									className: "w-full rounded-lg border border-border py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors flex items-center justify-center gap-2",
+									className: "w-full rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors flex items-center justify-center gap-2",
 									children: [/* @__PURE__ */ w(d, { className: "h-4 w-4" }), " View Details"]
 								})
 							]
@@ -321,38 +321,38 @@ function D() {
 						children: /* @__PURE__ */ T("table", {
 							className: "w-full",
 							children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
-								className: "border-b border-border bg-muted/50",
+								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Order ID"
 									}),
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Customer"
 									}),
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Cart"
 									}),
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Amount"
 									}),
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Status"
 									}),
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Payment"
 									}),
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Time"
 									}),
 									/* @__PURE__ */ w("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
@@ -362,31 +362,31 @@ function D() {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
 										/* @__PURE__ */ w("td", {
-											className: "px-4 py-3 text-sm font-mono font-medium text-foreground",
+											className: "px-4 py-3 text-sm font-mono font-medium text-text-primary",
 											children: e.id
 										}),
 										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3",
 											children: [/* @__PURE__ */ w("div", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: e.customerName
 											}), /* @__PURE__ */ w("div", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: e.customerPhone
 											})]
 										}),
 										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3",
 											children: [/* @__PURE__ */ w("div", {
-												className: "text-sm font-medium text-foreground",
+												className: "text-sm font-medium text-text-primary",
 												children: e.cartName
 											}), /* @__PURE__ */ w("div", {
-												className: "text-xs text-muted-foreground",
+												className: "text-xs text-text-secondary",
 												children: e.cartOwner
 											})]
 										}),
 										/* @__PURE__ */ w("td", {
-											className: "px-4 py-3 text-sm font-semibold text-foreground",
+											className: "px-4 py-3 text-sm font-semibold text-text-primary",
 											children: W(e.total)
 										}),
 										/* @__PURE__ */ w("td", {
@@ -401,16 +401,16 @@ function D() {
 											children: /* @__PURE__ */ T("div", {
 												className: "flex items-center gap-2",
 												children: [q(e.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
-													className: "text-sm text-foreground",
+													className: "text-sm text-text-primary",
 													children: e.paymentMethod
 												}), /* @__PURE__ */ w("div", {
-													className: "text-xs text-muted-foreground capitalize",
+													className: "text-xs text-text-secondary capitalize",
 													children: e.paymentStatus
 												})] })]
 											})
 										}),
 										/* @__PURE__ */ w("td", {
-											className: "px-4 py-3 text-sm text-muted-foreground",
+											className: "px-4 py-3 text-sm text-text-secondary",
 											children: G(e.orderDate)
 										}),
 										/* @__PURE__ */ w("td", {
@@ -420,7 +420,7 @@ function D() {
 												onClick: () => {
 													V(e), U(!0);
 												},
-												className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+												className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 												children: /* @__PURE__ */ w(d, { className: "h-4 w-4" })
 											})
 										})
@@ -431,8 +431,8 @@ function D() {
 					}),
 					J.length === 0 && /* @__PURE__ */ T("div", {
 						className: "flex flex-col items-center justify-center py-12 px-4",
-						children: [/* @__PURE__ */ w(v, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }), /* @__PURE__ */ w("p", {
-							className: "text-sm text-muted-foreground",
+						children: [/* @__PURE__ */ w(v, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ w("p", {
+							className: "text-sm text-text-secondary",
 							children: "No orders found matching your criteria"
 						})]
 					})
@@ -441,167 +441,167 @@ function D() {
 			H && B && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ T("div", {
-					className: "w-full max-w-2xl rounded-lg border border-border bg-card shadow-lg max-h-[90vh] overflow-y-auto",
+					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
 					children: [/* @__PURE__ */ T("div", {
-						className: "flex items-center justify-between p-4 border-b border-border",
+						className: "flex items-center justify-between p-4 border-b border-border-subtle",
 						children: [/* @__PURE__ */ w("h2", {
-							className: "text-lg font-semibold text-foreground",
+							className: "text-lg font-semibold text-text-primary",
 							children: "Order Details"
 						}), /* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => U(!1),
-							className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 							children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
 						})]
 					}), /* @__PURE__ */ T("div", {
 						className: "p-4 space-y-6",
 						children: [
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
-								className: "font-semibold text-foreground mb-3",
+								className: "font-semibold text-text-primary mb-3",
 								children: "Order Information"
 							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Order ID"
 									}), /* @__PURE__ */ w("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: B.id
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Status"
 									}), /* @__PURE__ */ w("span", {
 										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(B.status)),
 										children: B.status.replace("_", " ")
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Order Date"
 									}), /* @__PURE__ */ w("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: G(B.orderDate)
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Delivery Time"
 									}), /* @__PURE__ */ w("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: G(B.deliveryTime)
 									})] })
 								]
 							})] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
-								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
+								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
 								children: [/* @__PURE__ */ w(x, { className: "h-4 w-4" }), " Customer Details"]
 							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Name"
 									}), /* @__PURE__ */ w("p", {
-										className: "font-medium text-foreground",
+										className: "font-medium text-text-primary",
 										children: B.customerName
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: "Phone"
 									}), /* @__PURE__ */ T("p", {
-										className: "font-medium text-foreground flex items-center gap-1",
+										className: "font-medium text-text-primary flex items-center gap-1",
 										children: [/* @__PURE__ */ w(h, { className: "h-3 w-3" }), B.customerPhone]
 									})] }),
 									/* @__PURE__ */ T("div", {
 										className: "sm:col-span-2",
 										children: [/* @__PURE__ */ w("p", {
-											className: "text-sm text-muted-foreground",
+											className: "text-sm text-text-secondary",
 											children: "Delivery Address"
 										}), /* @__PURE__ */ T("p", {
-											className: "font-medium text-foreground flex items-center gap-1",
+											className: "font-medium text-text-primary flex items-center gap-1",
 											children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), B.deliveryAddress]
 										})]
 									})
 								]
 							})] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
-								className: "font-semibold text-foreground mb-3",
+								className: "font-semibold text-text-primary mb-3",
 								children: "Cart Details"
 							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Cart Name"
 								}), /* @__PURE__ */ w("p", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: B.cartName
 								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Cart Owner"
 								}), /* @__PURE__ */ w("p", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: B.cartOwner
 								})] })]
 							})] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
-								className: "font-semibold text-foreground mb-3",
+								className: "font-semibold text-text-primary mb-3",
 								children: "Order Items"
 							}), /* @__PURE__ */ T("div", {
-								className: "rounded-lg bg-muted/50 p-4",
+								className: "rounded-lg bg-bg-sunken/50 p-4",
 								children: [/* @__PURE__ */ w("ul", {
 									className: "space-y-2",
 									children: B.items.map((e, t) => /* @__PURE__ */ w("li", {
-										className: "text-sm text-foreground",
+										className: "text-sm text-text-primary",
 										children: e
 									}, t))
 								}), /* @__PURE__ */ T("div", {
-									className: "mt-4 pt-4 border-t border-border flex justify-between items-center",
+									className: "mt-4 pt-4 border-t border-border-subtle flex justify-between items-center",
 									children: [/* @__PURE__ */ w("span", {
-										className: "font-semibold text-foreground",
+										className: "font-semibold text-text-primary",
 										children: "Total Amount"
 									}), /* @__PURE__ */ w("span", {
-										className: "font-semibold text-lg text-foreground",
+										className: "font-semibold text-lg text-text-primary",
 										children: W(B.total)
 									})]
 								})]
 							})] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
-								className: "font-semibold text-foreground mb-3",
+								className: "font-semibold text-text-primary mb-3",
 								children: "Payment Details"
 							}), /* @__PURE__ */ T("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Method"
 								}), /* @__PURE__ */ w("p", {
-									className: "font-medium text-foreground",
+									className: "font-medium text-text-primary",
 									children: B.paymentMethod
 								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-									className: "text-sm text-muted-foreground",
+									className: "text-sm text-text-secondary",
 									children: "Status"
 								}), /* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2",
 									children: [q(B.paymentStatus), /* @__PURE__ */ w("span", {
-										className: "font-medium text-foreground capitalize",
+										className: "font-medium text-text-primary capitalize",
 										children: B.paymentStatus
 									})]
 								})] })]
 							})] }),
 							B.workerAssigned && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
-								className: "font-semibold text-foreground mb-3 flex items-center gap-2",
+								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
 								children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), " Delivery Assignment"]
 							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: "Assigned Worker"
 							}), /* @__PURE__ */ w("p", {
-								className: "font-medium text-foreground",
+								className: "font-medium text-text-primary",
 								children: B.workerAssigned
 							})] })] }),
 							B.notes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
-								className: "font-semibold text-foreground mb-3",
+								className: "font-semibold text-text-primary mb-3",
 								children: "Special Instructions"
 							}), /* @__PURE__ */ w("p", {
-								className: "text-sm rounded-lg bg-muted/50 p-3 text-foreground",
+								className: "text-sm rounded-lg bg-bg-sunken/50 p-3 text-text-primary",
 								children: B.notes
 							})] }),
 							/* @__PURE__ */ T("div", {
@@ -609,10 +609,10 @@ function D() {
 								children: [/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => U(!1),
-									className: "rounded-lg border border-border py-2 px-4 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									className: "rounded-lg border border-border-subtle py-2 px-4 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Close"
 								}), B.status !== "delivered" && B.status !== "cancelled" && /* @__PURE__ */ T("select", {
-									className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+									className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									value: B.status,
 									onChange: (e) => Y(B.id, e.target.value),
 									children: [