@burdenoff/microfe-adaptercloud 2026.614.1 → 2026.625.1

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

@@ -97,7 +97,7 @@ function C() {
 			children: [/* @__PURE__ */ y("button", {
 				type: "button",
 				onClick: () => u("/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__ */ y(l, { className: "h-5 w-5" })
 			}), /* @__PURE__ */ y("span", { children: "Checkout" })]
 		}),
@@ -108,17 +108,17 @@ function C() {
 				className: "lg:col-span-2 space-y-6",
 				children: [
 					/* @__PURE__ */ b("section", {
-						className: "rounded-lg border border-border bg-card p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ b("h2", {
-							className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 text-muted-foreground" }), "Delivery Address"]
+							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ y(h, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
 						}), /* @__PURE__ */ b("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-foreground mb-1.5",
+									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: ["Address Line 1 ", /* @__PURE__ */ y("span", {
-										className: "text-destructive",
+										className: "text-status-error-text",
 										children: "*"
 									})]
 								}), /* @__PURE__ */ y("input", {
@@ -126,48 +126,48 @@ function C() {
 									placeholder: "Building, Street, Area",
 									value: E.addressLine1,
 									onChange: (e) => H("addressLine1", e.target.value),
-									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
 								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-									className: "block text-sm font-medium text-foreground mb-1.5",
+									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Address Line 2"
 								}), /* @__PURE__ */ y("input", {
 									type: "text",
 									placeholder: "Apartment, Suite, Floor (Optional)",
 									value: E.addressLine2,
 									onChange: (e) => H("addressLine2", e.target.value),
-									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
 								/* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: ["City ", /* @__PURE__ */ y("span", {
-											className: "text-destructive",
+											className: "text-status-error-text",
 											children: "*"
 										})]
 									}), /* @__PURE__ */ y("input", {
 										type: "text",
 										value: E.city,
 										onChange: (e) => H("city", e.target.value),
-										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: ["State ", /* @__PURE__ */ y("span", {
-											className: "text-destructive",
+											className: "text-status-error-text",
 											children: "*"
 										})]
 									}), /* @__PURE__ */ y("input", {
 										type: "text",
 										value: E.state,
 										onChange: (e) => H("state", e.target.value),
-										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] })]
 								}),
 								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-foreground mb-1.5",
+									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: ["Pincode ", /* @__PURE__ */ y("span", {
-										className: "text-destructive",
+										className: "text-status-error-text",
 										children: "*"
 									})]
 								}), /* @__PURE__ */ y("input", {
@@ -176,17 +176,17 @@ function C() {
 									maxLength: 6,
 									value: E.pincode,
 									onChange: (e) => H("pincode", e.target.value.replace(/\D/g, "")),
-									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] })
 							]
 						})]
 					}),
 					/* @__PURE__ */ b("section", {
-						className: "rounded-lg border border-border bg-card p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ b("h2", {
-								className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
-								children: [/* @__PURE__ */ y(f, { className: "h-4 w-4 text-muted-foreground" }), "Payment Method"]
+								className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+								children: [/* @__PURE__ */ y(f, { className: "h-4 w-4 text-text-secondary" }), "Payment Method"]
 							}),
 							/* @__PURE__ */ y("div", {
 								className: "space-y-2",
@@ -195,33 +195,33 @@ function C() {
 									return /* @__PURE__ */ b("button", {
 										type: "button",
 										onClick: () => k(e.id),
-										className: t("flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left", O === e.id ? "border-foreground bg-accent" : "border-border bg-card hover:bg-accent"),
+										className: t("flex w-full items-center gap-4 rounded-lg border p-3 transition-colors text-left", O === e.id ? "border-foreground bg-accent" : "border-border-subtle bg-bg-surface hover:bg-accent"),
 										children: [
 											/* @__PURE__ */ y("div", {
-												className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-muted",
-												children: /* @__PURE__ */ y(n, { className: "h-4 w-4 text-muted-foreground" })
+												className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-bg-sunken",
+												children: /* @__PURE__ */ y(n, { className: "h-4 w-4 text-text-secondary" })
 											}),
 											/* @__PURE__ */ b("div", {
 												className: "flex-1 min-w-0",
 												children: [/* @__PURE__ */ y("p", {
-													className: "text-sm font-medium text-foreground",
+													className: "text-sm font-medium text-text-primary",
 													children: e.label
 												}), /* @__PURE__ */ y("p", {
-													className: "text-xs text-muted-foreground",
+													className: "text-xs text-text-secondary",
 													children: e.description
 												})]
 											}),
-											O === e.id && /* @__PURE__ */ y(d, { className: "h-5 w-5 text-foreground shrink-0" })
+											O === e.id && /* @__PURE__ */ y(d, { className: "h-5 w-5 text-text-primary shrink-0" })
 										]
 									}, e.id);
 								})
 							}),
 							O === "card" && /* @__PURE__ */ b("div", {
-								className: "mt-4 space-y-4 border-t border-border pt-4",
+								className: "mt-4 space-y-4 border-t border-border-subtle pt-4",
 								children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-foreground mb-1.5",
+									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: ["Card Number ", /* @__PURE__ */ y("span", {
-										className: "text-destructive",
+										className: "text-status-error-text",
 										children: "*"
 									})]
 								}), /* @__PURE__ */ y("input", {
@@ -230,13 +230,13 @@ function C() {
 									maxLength: 16,
 									value: A.cardNumber,
 									onChange: (e) => U("cardNumber", e.target.value.replace(/\D/g, "")),
-									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: ["Expiry Date ", /* @__PURE__ */ y("span", {
-											className: "text-destructive",
+											className: "text-status-error-text",
 											children: "*"
 										})]
 									}), /* @__PURE__ */ y("input", {
@@ -248,11 +248,11 @@ function C() {
 											let t = e.target.value.replace(/\D/g, "");
 											t.length >= 2 && (t = t.slice(0, 2) + "/" + t.slice(2, 4)), U("expiryDate", t);
 										},
-										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-foreground mb-1.5",
+										className: "block text-sm font-medium text-text-primary mb-1.5",
 										children: ["CVV ", /* @__PURE__ */ y("span", {
-											className: "text-destructive",
+											className: "text-status-error-text",
 											children: "*"
 										})]
 									}), /* @__PURE__ */ y("input", {
@@ -261,16 +261,16 @@ function C() {
 										maxLength: 3,
 										value: A.cvv,
 										onChange: (e) => U("cvv", e.target.value.replace(/\D/g, "")),
-										className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] })]
 								})]
 							}),
 							O === "upi" && /* @__PURE__ */ b("div", {
-								className: "mt-4 border-t border-border pt-4",
+								className: "mt-4 border-t border-border-subtle pt-4",
 								children: [/* @__PURE__ */ b("label", {
-									className: "block text-sm font-medium text-foreground mb-1.5",
+									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: ["UPI ID ", /* @__PURE__ */ y("span", {
-										className: "text-destructive",
+										className: "text-status-error-text",
 										children: "*"
 									})]
 								}), /* @__PURE__ */ y("input", {
@@ -278,28 +278,28 @@ function C() {
 									placeholder: "user@paytm",
 									value: A.upiId,
 									onChange: (e) => U("upiId", e.target.value),
-									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
 							O === "wallet" && /* @__PURE__ */ b("div", {
-								className: "mt-4 flex items-start gap-3 rounded-lg bg-blue-500/10 p-4 border border-blue-500/20",
-								children: [/* @__PURE__ */ y(c, { className: "h-4 w-4 text-blue-600 dark:text-blue-400 mt-0.5 shrink-0" }), /* @__PURE__ */ y("p", {
-									className: "text-sm text-blue-600 dark:text-blue-400",
+								className: "mt-4 flex items-start gap-3 rounded-lg bg-accent-blue-subtle/10 p-4 border border-accent-blue-subtle/20",
+								children: [/* @__PURE__ */ y(c, { className: "h-4 w-4 text-accent-blue mt-0.5 shrink-0" }), /* @__PURE__ */ y("p", {
+									className: "text-sm text-accent-blue",
 									children: "Digital wallet integration coming soon. Please choose another payment method."
 								})]
 							})
 						]
 					}),
 					/* @__PURE__ */ b("section", {
-						className: "rounded-lg border border-border bg-card p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ b("h2", {
-							className: "text-base font-semibold text-foreground mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 text-muted-foreground" }), "Additional Options"]
+							className: "text-base font-semibold text-text-primary mb-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ y(p, { className: "h-4 w-4 text-text-secondary" }), "Additional Options"]
 						}), /* @__PURE__ */ b("div", {
 							className: "space-y-5",
 							children: [/* @__PURE__ */ b("div", { children: [
 								/* @__PURE__ */ y("label", {
-									className: "block text-sm font-medium text-foreground mb-2",
+									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Tip for delivery partner"
 								}),
 								/* @__PURE__ */ y("div", {
@@ -309,7 +309,7 @@ function C() {
 										onClick: () => {
 											N(e), F("");
 										},
-										className: t("flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", M === e && P === "" ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:bg-accent hover:text-foreground"),
+										className: t("flex-1 min-w-[64px] rounded-lg px-3 py-2.5 text-sm font-medium transition-colors", M === e && P === "" ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
 										children: e === 0 ? "No Tip" : `₹${e}`
 									}, e))
 								}),
@@ -321,17 +321,17 @@ function C() {
 										let t = e.target.value;
 										F(t), N(parseInt(t) || 0);
 									},
-									className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 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 px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})
 							] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("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__ */ y("textarea", {
 								rows: 3,
 								placeholder: "Any special requests for your order...",
 								value: I,
 								onChange: (e) => L(e.target.value),
-								className: "w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring resize-none"
+								className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 							})] })]
 						})]
 					})
@@ -339,26 +339,26 @@ function C() {
 			}), /* @__PURE__ */ y("div", {
 				className: "lg:col-span-1",
 				children: /* @__PURE__ */ b("div", {
-					className: "sticky top-6 rounded-lg border border-border bg-card p-5",
+					className: "sticky top-6 rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 					children: [
 						/* @__PURE__ */ y("h2", {
-							className: "text-base font-semibold text-foreground mb-4",
+							className: "text-base font-semibold text-text-primary mb-4",
 							children: "Order Summary"
 						}),
 						/* @__PURE__ */ b("div", {
-							className: "flex items-center gap-3 mb-4 pb-4 border-b border-border",
+							className: "flex items-center gap-3 mb-4 pb-4 border-b border-border-subtle",
 							children: [/* @__PURE__ */ y("div", {
-								className: "h-12 w-12 rounded-md bg-muted overflow-hidden",
+								className: "h-12 w-12 rounded-md bg-bg-sunken overflow-hidden",
 								children: /* @__PURE__ */ y("img", {
 									src: T.cartImage,
 									alt: T.cartName,
 									className: "h-full w-full object-cover"
 								})
 							}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: T.cartName
 							}), /* @__PURE__ */ b("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [
 									T.items.length,
 									" item",
@@ -374,15 +374,15 @@ function C() {
 									className: "flex-1 min-w-0",
 									children: [
 										/* @__PURE__ */ y("p", {
-											className: "text-sm text-foreground",
+											className: "text-sm text-text-primary",
 											children: e.name
 										}),
 										e.customizations && e.customizations.length > 0 && /* @__PURE__ */ y("p", {
-											className: "text-xs text-muted-foreground mt-0.5",
+											className: "text-xs text-text-secondary mt-0.5",
 											children: e.customizations.join(", ")
 										}),
 										/* @__PURE__ */ b("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [
 												a(e.price, { minimumFractionDigits: 0 }),
 												" x ",
@@ -391,77 +391,77 @@ function C() {
 										})
 									]
 								}), /* @__PURE__ */ y("span", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: a(e.price * e.quantity, { minimumFractionDigits: 0 })
 								})]
 							}, e.id))
 						}),
 						/* @__PURE__ */ b("div", {
-							className: "border-t border-border pt-4 space-y-2.5 text-sm",
+							className: "border-t border-border-subtle pt-4 space-y-2.5 text-sm",
 							children: [
 								/* @__PURE__ */ b("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ b("span", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: [
 											"Subtotal (",
 											V,
 											" items)"
 										]
 									}), /* @__PURE__ */ y("span", {
-										className: "text-foreground",
+										className: "text-text-primary",
 										children: a(B.subtotal, { minimumFractionDigits: 0 })
 									})]
 								}),
 								/* @__PURE__ */ b("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ y("span", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: "Delivery Fee"
 									}), /* @__PURE__ */ y("span", {
-										className: "text-foreground",
+										className: "text-text-primary",
 										children: B.deliveryFee === 0 ? "FREE" : a(B.deliveryFee, { minimumFractionDigits: 0 })
 									})]
 								}),
 								/* @__PURE__ */ b("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ y("span", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: "Tax"
 									}), /* @__PURE__ */ y("span", {
-										className: "text-foreground",
+										className: "text-text-primary",
 										children: a(B.tax, { minimumFractionDigits: 0 })
 									})]
 								}),
 								M > 0 && /* @__PURE__ */ b("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ y("span", {
-										className: "text-muted-foreground",
+										className: "text-text-secondary",
 										children: "Tip"
 									}), /* @__PURE__ */ y("span", {
-										className: "text-foreground",
+										className: "text-text-primary",
 										children: a(M, { minimumFractionDigits: 0 })
 									})]
 								}),
 								B.discount && B.discount > 0 && /* @__PURE__ */ b("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ y("span", {
-										className: "text-green-600 dark:text-green-400",
+										className: "text-status-success-text",
 										children: "Discount"
 									}), /* @__PURE__ */ b("span", {
-										className: "text-green-600 dark:text-green-400",
+										className: "text-status-success-text",
 										children: ["-", a(B.discount, { minimumFractionDigits: 0 })]
 									})]
 								})
 							]
 						}),
 						/* @__PURE__ */ b("div", {
-							className: "mt-4 flex justify-between border-t border-border pt-4",
+							className: "mt-4 flex justify-between border-t border-border-subtle pt-4",
 							children: [/* @__PURE__ */ y("span", {
-								className: "text-base font-semibold text-foreground",
+								className: "text-base font-semibold text-text-primary",
 								children: "Total"
 							}), /* @__PURE__ */ y("span", {
-								className: "text-base font-bold text-foreground",
+								className: "text-base font-bold text-text-primary",
 								children: a(B.total, { minimumFractionDigits: 0 })
 							})]
 						}),
@@ -495,7 +495,7 @@ function C() {
 							children: [w.isPending ? /* @__PURE__ */ y(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ y(g, { className: "h-4 w-4" }), w.isPending ? "Placing Order..." : `Place Order - ${a(B.total, { minimumFractionDigits: 0 })}`]
 						}),
 						/* @__PURE__ */ y("p", {
-							className: "mt-3 text-center text-xs text-muted-foreground",
+							className: "mt-3 text-center text-xs text-text-secondary",
 							children: "By placing this order, you agree to our Terms of Service and Privacy Policy"
 						})
 					]
@@ -507,13 +507,13 @@ function C() {
 		children: /* @__PURE__ */ b("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
 			children: [
-				/* @__PURE__ */ y(g, { className: "h-16 w-16 text-muted-foreground/40 mb-4" }),
+				/* @__PURE__ */ y(g, { className: "h-16 w-16 text-text-secondary/40 mb-4" }),
 				/* @__PURE__ */ y("h3", {
-					className: "text-lg font-semibold text-foreground mb-2",
+					className: "text-lg font-semibold text-text-primary mb-2",
 					children: "Your cart is empty"
 				}),
 				/* @__PURE__ */ y("p", {
-					className: "text-sm text-muted-foreground mb-6",
+					className: "text-sm text-text-secondary mb-6",
 					children: "Add some items to proceed with checkout"
 				}),
 				/* @__PURE__ */ y("button", {