@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

package/dist/adaptercloud/pages/customer/CartDetailPage.js

@@ -69,20 +69,20 @@ function A() {
 				/* @__PURE__ */ O("button", {
 					type: "button",
 					onClick: () => j("/customer/carts"),
-					className: "rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+					className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
 					children: /* @__PURE__ */ O(f, { className: "h-5 w-5" })
 				}),
 				/* @__PURE__ */ O("span", {
 					className: "truncate",
 					children: F.name
 				}),
-				F.isVerified && /* @__PURE__ */ O(m, { className: "h-5 w-5 text-blue-500 shrink-0" })
+				F.isVerified && /* @__PURE__ */ O(m, { className: "h-5 w-5 text-accent-blue shrink-0" })
 			]
 		}),
 		description: F.category,
 		children: [
 			/* @__PURE__ */ k("div", {
-				className: "relative h-48 rounded-lg bg-muted overflow-hidden",
+				className: "relative h-48 rounded-lg bg-bg-sunken overflow-hidden",
 				children: [/* @__PURE__ */ O("img", {
 					src: F.image,
 					alt: F.name,
@@ -92,12 +92,12 @@ function A() {
 					children: /* @__PURE__ */ k("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ O("span", {
-							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", F.isOpen ? "bg-green-500/20 text-green-300" : "bg-red-500/20 text-red-300"),
+							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", F.isOpen ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
 							children: F.isOpen ? "Open Now" : "Closed"
 						}), /* @__PURE__ */ k("div", {
 							className: "flex items-center gap-1 text-white text-sm",
 							children: [
-								/* @__PURE__ */ O(w, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+								/* @__PURE__ */ O(w, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
 								/* @__PURE__ */ O("span", {
 									className: "font-medium",
 									children: F.rating
@@ -116,9 +116,9 @@ function A() {
 				})]
 			}),
 			!F.isOpen && /* @__PURE__ */ O("div", {
-				className: "mt-4 rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-3",
+				className: "mt-4 rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/10 p-3",
 				children: /* @__PURE__ */ k("p", {
-					className: "text-sm text-yellow-700 dark:text-yellow-400",
+					className: "text-sm text-status-warning-text",
 					children: [/* @__PURE__ */ O("strong", { children: "This cart is currently closed." }), " You can browse the offerings but orders are not being accepted."]
 				})
 			}),
@@ -126,61 +126,61 @@ function A() {
 				className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-3",
 				children: [
 					/* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border bg-card p-3",
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
 							/* @__PURE__ */ k("div", {
-								className: "flex items-center gap-2 text-muted-foreground text-xs mb-1",
+								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
 								children: [/* @__PURE__ */ O(y, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ O("span", {
 									className: "font-medium uppercase tracking-wider",
 									children: "Location"
 								})]
 							}),
 							/* @__PURE__ */ O("p", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: F.location.address
 							}),
 							/* @__PURE__ */ k("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [c(F.distance), " away"]
 							})
 						]
 					}),
 					/* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border bg-card p-3",
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
 							/* @__PURE__ */ k("div", {
-								className: "flex items-center gap-2 text-muted-foreground text-xs mb-1",
+								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
 								children: [/* @__PURE__ */ O(h, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ O("span", {
 									className: "font-medium uppercase tracking-wider",
 									children: "Estimated Time"
 								})]
 							}),
 							/* @__PURE__ */ O("p", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: l(F.estimatedTime)
 							}),
 							F.averageOrderValue && /* @__PURE__ */ k("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: ["Avg ", s(F.averageOrderValue, { minimumFractionDigits: 0 })]
 							})
 						]
 					}),
 					/* @__PURE__ */ k("div", {
-						className: "rounded-lg border border-border bg-card p-3",
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-3",
 						children: [
 							/* @__PURE__ */ k("div", {
-								className: "flex items-center gap-2 text-muted-foreground text-xs mb-1",
+								className: "flex items-center gap-2 text-text-secondary text-xs mb-1",
 								children: [/* @__PURE__ */ O(w, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ O("span", {
 									className: "font-medium uppercase tracking-wider",
 									children: "Rating"
 								})]
 							}),
 							/* @__PURE__ */ k("p", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: [F.rating, " / 5.0"]
 							}),
 							/* @__PURE__ */ k("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [F.totalRatings, " reviews"]
 							})
 						]
@@ -190,24 +190,24 @@ function A() {
 			F.businessHours && Object.keys(F.businessHours).length > 0 && /* @__PURE__ */ k("section", {
 				className: "mt-6",
 				children: [/* @__PURE__ */ O("h2", {
-					className: "text-base font-semibold text-foreground mb-2",
+					className: "text-base font-semibold text-text-primary mb-2",
 					children: "Operating Hours"
 				}), /* @__PURE__ */ O("div", {
-					className: "rounded-lg border border-border bg-card overflow-hidden",
+					className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 					children: Object.entries(F.businessHours).map(([e, t]) => /* @__PURE__ */ k("div", {
-						className: "flex items-center justify-between px-4 py-2 border-b border-border last:border-b-0",
+						className: "flex items-center justify-between px-4 py-2 border-b border-border-subtle last:border-b-0",
 						children: [/* @__PURE__ */ O("span", {
-							className: "text-sm font-medium text-foreground capitalize",
+							className: "text-sm font-medium text-text-primary capitalize",
 							children: e
 						}), t.isOpen ? /* @__PURE__ */ k("span", {
-							className: "text-sm text-muted-foreground",
+							className: "text-sm text-text-secondary",
 							children: [
 								t.open,
 								" - ",
 								t.close
 							]
 						}) : /* @__PURE__ */ O("span", {
-							className: "text-sm text-destructive",
+							className: "text-sm text-status-error-text",
 							children: "Closed"
 						})]
 					}, e))
@@ -222,17 +222,17 @@ function A() {
 							className: "flex flex-col gap-3 sm:flex-row mb-4",
 							children: [/* @__PURE__ */ k("div", {
 								className: "relative flex-1",
-								children: [/* @__PURE__ */ O(S, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ O("input", {
+								children: [/* @__PURE__ */ O(S, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ O("input", {
 									type: "text",
 									placeholder: "Search offerings...",
 									value: L,
 									onChange: (e) => R(e.target.value),
-									className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-3 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-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}), /* @__PURE__ */ k("select", {
 								value: z,
 								onChange: (e) => B(e.target.value),
-								className: "rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+								className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 								children: [/* @__PURE__ */ O("option", {
 									value: "",
 									children: "All Categories"
@@ -243,7 +243,7 @@ function A() {
 							})]
 						}),
 						/* @__PURE__ */ k("h2", {
-							className: "text-lg font-semibold text-foreground mb-3",
+							className: "text-lg font-semibold text-text-primary mb-3",
 							children: [
 								"Menu & Services (",
 								Y.length,
@@ -251,24 +251,24 @@ function A() {
 							]
 						}),
 						Y.length === 0 ? /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border bg-card p-8 text-center",
-							children: [/* @__PURE__ */ O(S, { className: "mx-auto h-10 w-10 text-muted-foreground/50" }), /* @__PURE__ */ O("p", {
-								className: "mt-3 text-sm text-muted-foreground",
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-8 text-center",
+							children: [/* @__PURE__ */ O(S, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ O("p", {
+								className: "mt-3 text-sm text-text-secondary",
 								children: "No offerings found"
 							})]
 						}) : /* @__PURE__ */ O("div", {
 							className: "space-y-6",
 							children: Object.entries(X).map(([e, n]) => /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("h3", {
-								className: "text-sm font-semibold text-foreground mb-2 px-1",
+								className: "text-sm font-semibold text-text-primary mb-2 px-1",
 								children: e
 							}), /* @__PURE__ */ O("div", {
 								className: "space-y-2",
 								children: n.map((e) => {
 									let n = ie(e.id);
 									return /* @__PURE__ */ k("div", {
-										className: "flex gap-4 rounded-lg border border-border bg-card p-4",
+										className: "flex gap-4 rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 										children: [/* @__PURE__ */ O("div", {
-											className: "h-20 w-20 shrink-0 rounded-md bg-muted overflow-hidden",
+											className: "h-20 w-20 shrink-0 rounded-md bg-bg-sunken overflow-hidden",
 											children: /* @__PURE__ */ O("img", {
 												src: e.image,
 												alt: e.name,
@@ -282,34 +282,34 @@ function A() {
 													children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("div", {
 														className: "flex items-center gap-2",
 														children: [/* @__PURE__ */ O("h4", {
-															className: "text-sm font-semibold text-foreground",
+															className: "text-sm font-semibold text-text-primary",
 															children: e.name
-														}), e.isVeg && /* @__PURE__ */ O(v, { className: "h-3.5 w-3.5 text-green-600 dark:text-green-400" })]
+														}), e.isVeg && /* @__PURE__ */ O(v, { className: "h-3.5 w-3.5 text-status-success-text" })]
 													}), /* @__PURE__ */ O("p", {
-														className: "text-xs text-muted-foreground mt-0.5",
+														className: "text-xs text-text-secondary mt-0.5",
 														children: e.category
 													})] }), /* @__PURE__ */ O("span", {
-														className: "text-sm font-bold text-foreground whitespace-nowrap",
+														className: "text-sm font-bold text-text-primary whitespace-nowrap",
 														children: s(e.price, { minimumFractionDigits: 0 })
 													})]
 												}),
 												/* @__PURE__ */ O("p", {
-													className: "mt-1 text-xs text-muted-foreground line-clamp-2",
+													className: "mt-1 text-xs text-text-secondary line-clamp-2",
 													children: e.description
 												}),
 												/* @__PURE__ */ k("div", {
-													className: "mt-2 flex flex-wrap items-center gap-2 text-[10px] text-muted-foreground",
+													className: "mt-2 flex flex-wrap items-center gap-2 text-[10px] text-text-secondary",
 													children: [
 														e.duration != null && e.duration > 0 && /* @__PURE__ */ k("span", {
 															className: "flex items-center gap-0.5",
 															children: [/* @__PURE__ */ O(h, { className: "h-3 w-3" }), l(e.duration)]
 														}),
 														e.serviceType && /* @__PURE__ */ O("span", {
-															className: "rounded bg-muted px-1.5 py-0.5 capitalize",
+															className: "rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
 															children: e.serviceType
 														}),
 														e.spiceLevel && /* @__PURE__ */ k("span", {
-															className: "flex items-center gap-0.5 rounded bg-muted px-1.5 py-0.5 capitalize",
+															className: "flex items-center gap-0.5 rounded bg-bg-sunken px-1.5 py-0.5 capitalize",
 															children: [/* @__PURE__ */ O(g, { className: "h-3 w-3" }), e.spiceLevel]
 														})
 													]
@@ -322,11 +322,11 @@ function A() {
 															/* @__PURE__ */ O("button", {
 																type: "button",
 																onClick: () => Q(e.id, -1),
-																className: "flex h-7 w-7 items-center justify-center rounded-full bg-muted text-foreground hover:bg-accent",
+																className: "flex h-7 w-7 items-center justify-center rounded-full bg-bg-sunken text-text-primary hover:bg-accent",
 																children: /* @__PURE__ */ O(b, { className: "h-3.5 w-3.5" })
 															}),
 															/* @__PURE__ */ O("span", {
-																className: "min-w-[2ch] text-center text-sm font-medium text-foreground",
+																className: "min-w-[2ch] text-center text-sm font-medium text-text-primary",
 																children: n
 															}),
 															/* @__PURE__ */ O("button", {
@@ -338,7 +338,7 @@ function A() {
 															/* @__PURE__ */ O("button", {
 																type: "button",
 																onClick: () => $(e.id),
-																className: "ml-1 flex h-7 w-7 items-center justify-center rounded-full text-destructive hover:bg-destructive/10",
+																className: "ml-1 flex h-7 w-7 items-center justify-center rounded-full text-status-error-text hover:bg-status-error-bg/10",
 																children: /* @__PURE__ */ O(T, { className: "h-3.5 w-3.5" })
 															})
 														]
@@ -346,7 +346,7 @@ function A() {
 														type: "button",
 														disabled: !F.isOpen,
 														onClick: () => se(e),
-														className: t("rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity", F.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-muted text-muted-foreground cursor-not-allowed"),
+														className: t("rounded-lg px-4 py-1.5 text-xs font-medium transition-opacity", F.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 														children: "Add"
 													})
 												})
@@ -361,14 +361,14 @@ function A() {
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-border bg-card p-4 lg:sticky lg:top-6",
+							className: "rounded-lg border border-border-seam bg-bg-surface p-4 lg:sticky lg:top-6 bg-gloss-card shadow-pop",
 							children: [/* @__PURE__ */ k("h3", {
-								className: "text-base font-semibold text-foreground mb-3 flex items-center gap-2",
+								className: "text-base font-semibold text-text-primary mb-3 flex items-center gap-2",
 								children: [/* @__PURE__ */ O(C, { className: "h-4 w-4" }), "Your Order"]
 							}), V.length === 0 ? /* @__PURE__ */ k("div", {
 								className: "py-6 text-center",
-								children: [/* @__PURE__ */ O(C, { className: "mx-auto h-8 w-8 text-muted-foreground/40" }), /* @__PURE__ */ O("p", {
-									className: "mt-2 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ O(C, { className: "mx-auto h-8 w-8 text-text-secondary/40" }), /* @__PURE__ */ O("p", {
+									className: "mt-2 text-sm text-text-secondary",
 									children: "Your cart is empty"
 								})]
 							}) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
@@ -378,10 +378,10 @@ function A() {
 									children: [/* @__PURE__ */ k("div", {
 										className: "flex-1 min-w-0",
 										children: [/* @__PURE__ */ O("p", {
-											className: "text-sm font-medium text-foreground truncate",
+											className: "text-sm font-medium text-text-primary truncate",
 											children: e.name
 										}), /* @__PURE__ */ k("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [
 												s(e.price, { minimumFractionDigits: 0 }),
 												" x",
@@ -395,7 +395,7 @@ function A() {
 											/* @__PURE__ */ O("button", {
 												type: "button",
 												onClick: () => Q(e.productId, -1),
-												className: "flex h-6 w-6 items-center justify-center rounded bg-muted text-foreground text-xs",
+												className: "flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs",
 												children: "-"
 											}),
 											/* @__PURE__ */ O("span", {
@@ -405,27 +405,27 @@ function A() {
 											/* @__PURE__ */ O("button", {
 												type: "button",
 												onClick: () => Q(e.productId, 1),
-												className: "flex h-6 w-6 items-center justify-center rounded bg-muted text-foreground text-xs",
+												className: "flex h-6 w-6 items-center justify-center rounded bg-bg-sunken text-text-primary text-xs",
 												children: "+"
 											}),
 											/* @__PURE__ */ O("button", {
 												type: "button",
 												onClick: () => $(e.productId),
-												className: "ml-1 text-destructive hover:text-destructive/80",
+												className: "ml-1 text-status-error-text hover:text-status-error-text/80",
 												children: /* @__PURE__ */ O(T, { className: "h-3.5 w-3.5" })
 											})
 										]
 									})]
 								}, e.id))
 							}), /* @__PURE__ */ k("div", {
-								className: "border-t border-border pt-3",
+								className: "border-t border-border-subtle pt-3",
 								children: [/* @__PURE__ */ k("div", {
 									className: "flex justify-between items-center mb-3",
 									children: [/* @__PURE__ */ k("span", {
-										className: "text-sm font-semibold text-foreground",
+										className: "text-sm font-semibold text-text-primary",
 										children: ["Total: ", s(ae, { minimumFractionDigits: 0 })]
 									}), /* @__PURE__ */ k("span", {
-										className: "text-xs text-muted-foreground",
+										className: "text-xs text-text-secondary",
 										children: [oe, " items"]
 									})]
 								}), /* @__PURE__ */ O("button", {
@@ -437,47 +437,47 @@ function A() {
 							})] })]
 						}),
 						F.serviceTypes?.includes("direct_service") && /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-purple-500/30 bg-purple-500/10 p-4",
+							className: "rounded-lg border border-accent-purple-subtle/30 bg-accent-purple-subtle/10 p-4",
 							children: [
 								/* @__PURE__ */ k("h3", {
-									className: "text-sm font-semibold text-foreground flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ O(_, { className: "h-4 w-4 text-purple-600 dark:text-purple-400" }), "Direct Service"]
+									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
+									children: [/* @__PURE__ */ O(_, { className: "h-4 w-4 text-accent-purple" }), "Direct Service"]
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground mb-3",
+									className: "text-xs text-text-secondary mb-3",
 									children: "Cart comes to your location!"
 								}),
 								/* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => j(`/customer/carts/${F.id}`),
-									className: "w-full rounded-lg bg-purple-600 py-2 text-xs font-medium text-white hover:bg-purple-700 transition-colors",
+									className: "w-full rounded-lg bg-accent-purple-subtle py-2 text-xs font-medium text-white hover:bg-accent-purple-subtle transition-colors",
 									children: "Book Direct Service"
 								})
 							]
 						}),
 						F.serviceTypes?.includes("appointment") && /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-blue-500/30 bg-blue-500/10 p-4",
+							className: "rounded-lg border border-accent-blue-subtle/30 bg-accent-blue-subtle/10 p-4",
 							children: [/* @__PURE__ */ k("h3", {
-								className: "text-sm font-semibold text-foreground flex items-center gap-2 mb-2",
-								children: [/* @__PURE__ */ O(p, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" }), "Appointments Available"]
+								className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
+								children: [/* @__PURE__ */ O(p, { className: "h-4 w-4 text-accent-blue" }), "Appointments Available"]
 							}), /* @__PURE__ */ O("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "This service provider accepts appointments. Contact them to schedule."
 							})]
 						}),
 						I && /* @__PURE__ */ k("div", {
-							className: "rounded-lg border border-green-500/30 bg-green-500/10 p-4",
+							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-4",
 							children: [
 								/* @__PURE__ */ k("h3", {
-									className: "text-sm font-semibold text-foreground flex items-center gap-2 mb-2",
-									children: [/* @__PURE__ */ O(ee, { className: "h-4 w-4 text-green-600 dark:text-green-400" }), "Investment Opportunity"]
+									className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-2",
+									children: [/* @__PURE__ */ O(ee, { className: "h-4 w-4 text-status-success-text" }), "Investment Opportunity"]
 								}),
 								/* @__PURE__ */ O("p", {
-									className: "text-xs text-muted-foreground mb-2",
+									className: "text-xs text-text-secondary mb-2",
 									children: I.description
 								}),
 								/* @__PURE__ */ k("div", {
-									className: "space-y-1 text-xs text-muted-foreground mb-3",
+									className: "space-y-1 text-xs text-text-secondary mb-3",
 									children: [
 										/* @__PURE__ */ k("p", { children: ["Target: ", s(I.targetAmount, { minimumFractionDigits: 0 })] }),
 										/* @__PURE__ */ k("p", { children: ["Raised: ", s(I.raisedAmount, { minimumFractionDigits: 0 })] }),
@@ -496,7 +496,7 @@ function A() {
 								/* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => alert("Navigate to investor section to fund this business."),
-									className: "w-full rounded-lg bg-green-600 py-2 text-xs font-medium text-white hover:bg-green-700 transition-colors",
+									className: "w-full rounded-lg bg-status-success-bg-subtle py-2 text-xs font-medium text-white hover:bg-status-success-bg-subtle transition-colors",
 									children: "Fund This Business"
 								})
 							]
@@ -507,36 +507,36 @@ function A() {
 			U && G && /* @__PURE__ */ O("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ O("div", {
-					className: "w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border bg-card",
+					className: "w-full max-w-md max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
 					children: /* @__PURE__ */ k("div", {
 						className: "p-5",
 						children: [
 							/* @__PURE__ */ k("div", {
 								className: "flex items-center justify-between mb-4",
 								children: [/* @__PURE__ */ O("h3", {
-									className: "text-lg font-semibold text-foreground",
+									className: "text-lg font-semibold text-text-primary",
 									children: G.product.name
 								}), /* @__PURE__ */ O("button", {
 									type: "button",
 									onClick: () => {
 										W(!1), K(null);
 									},
-									className: "rounded-md p-1 text-muted-foreground hover:text-foreground",
+									className: "rounded-md p-1 text-text-secondary hover:text-text-primary",
 									children: /* @__PURE__ */ O(T, { className: "h-5 w-5" })
 								})]
 							}),
 							/* @__PURE__ */ O("p", {
-								className: "text-sm text-muted-foreground mb-4",
+								className: "text-sm text-text-secondary mb-4",
 								children: G.product.description
 							}),
 							/* @__PURE__ */ O("p", {
-								className: "text-lg font-bold text-foreground mb-4",
+								className: "text-lg font-bold text-text-primary mb-4",
 								children: s(G.product.price, { minimumFractionDigits: 0 })
 							}),
 							/* @__PURE__ */ k("div", {
 								className: "mb-4",
 								children: [/* @__PURE__ */ O("label", {
-									className: "block text-sm font-medium text-foreground mb-2",
+									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Quantity"
 								}), /* @__PURE__ */ k("div", {
 									className: "flex items-center gap-3",
@@ -547,11 +547,11 @@ function A() {
 												...e,
 												quantity: Math.max(1, e.quantity - 1)
 											}),
-											className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-foreground",
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary",
 											children: /* @__PURE__ */ O(b, { className: "h-4 w-4" })
 										}),
 										/* @__PURE__ */ O("span", {
-											className: "min-w-[2ch] text-center font-medium text-foreground",
+											className: "min-w-[2ch] text-center font-medium text-text-primary",
 											children: G.quantity
 										}),
 										/* @__PURE__ */ O("button", {
@@ -560,7 +560,7 @@ function A() {
 												...e,
 												quantity: e.quantity + 1
 											}),
-											className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-foreground",
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-bg-sunken text-text-primary",
 											children: /* @__PURE__ */ O(x, { className: "h-4 w-4" })
 										})
 									]
@@ -569,7 +569,7 @@ function A() {
 							/* @__PURE__ */ k("div", {
 								className: "mb-4",
 								children: [/* @__PURE__ */ O("label", {
-									className: "block text-sm font-medium text-foreground mb-2",
+									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Special Instructions"
 								}), /* @__PURE__ */ O("textarea", {
 									value: G.specialInstructions,
@@ -578,7 +578,7 @@ function A() {
 										specialInstructions: e.target.value
 									}),
 									placeholder: "Any special requests...",
-									className: "w-full rounded-lg border border-border bg-background p-3 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 p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									rows: 3
 								})]
 							}),
@@ -602,9 +602,10 @@ function A() {
 	}) : /* @__PURE__ */ O(n, {
 		title: "Cart Not Found",
 		children: /* @__PURE__ */ O(r, {
+			illustration: "empty-generic",
 			icon: /* @__PURE__ */ O(C, { className: "h-12 w-12" }),
 			title: "Cart not found",
-			description: `No cart found with ID "${A}".`,
+			description: `No cart found with ID"${A}".`,
 			action: /* @__PURE__ */ O("button", {
 				type: "button",
 				onClick: () => j("/customer/carts"),