@burdenoff/microfe-subscriberbot 2026.615.1 → 2026.625.1

package/dist/subscriberbot/pages/investor/InvestmentOpportunitiesPage.js

@@ -224,9 +224,9 @@ var b = [
 };
 function S(e) {
 	switch (e) {
-		case "low": return "bg-green-500/20 text-green-600 dark:text-green-400";
-		case "medium": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
-		case "high": return "bg-red-500/20 text-red-600 dark:text-red-400";
+		case "low": return "bg-status-success-bg/20 text-status-success-text";
+		case "medium": return "bg-status-warning-bg/20 text-status-warning-text";
+		case "high": return "bg-status-error-bg/20 text-status-error-text";
 		default: return "bg-secondary text-secondary-foreground";
 	}
 }
@@ -316,7 +316,7 @@ function T() {
 			children: /* @__PURE__ */ y("div", {
 				className: "text-center",
 				children: [/* @__PURE__ */ v("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-primary" }), /* @__PURE__ */ v("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Loading opportunities..."
 				})]
 			})
@@ -324,8 +324,9 @@ function T() {
 	}) : /* @__PURE__ */ y(n, {
 		title: "Investment Opportunities",
 		description: "Discover and invest in growing local businesses",
+		titleGradient: !0,
 		actions: /* @__PURE__ */ y("span", {
-			className: "text-sm text-muted-foreground",
+			className: "text-sm text-text-secondary",
 			children: [z.length, " opportunities"]
 		}),
 		children: [
@@ -333,32 +334,32 @@ function T() {
 				className: "grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-4",
 				children: [
 					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
 						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Active Opportunities"
 						}), /* @__PURE__ */ v("p", {
-							className: "text-lg font-bold text-foreground sm:text-2xl",
+							className: "text-lg font-bold text-text-primary sm:text-2xl",
 							children: x.totalOpportunities
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
 						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Average Returns"
 						}), /* @__PURE__ */ y("p", {
-							className: "text-lg font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+							className: "text-lg font-bold text-status-success-text sm:text-2xl",
 							children: [x.averageReturns, "%"]
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
 						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Total Funded"
 						}), /* @__PURE__ */ v("p", {
-							className: "text-lg font-bold text-foreground sm:text-2xl",
+							className: "text-lg font-bold text-text-primary sm:text-2xl",
 							children: i(x.totalFunded, {
 								minimumFractionDigits: 0,
 								notation: "compact"
@@ -366,36 +367,36 @@ function T() {
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border bg-card p-3 sm:p-4",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-3 sm:p-4",
 						children: [/* @__PURE__ */ v("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: "Success Rate"
 						}), /* @__PURE__ */ y("p", {
-							className: "text-lg font-bold text-foreground sm:text-2xl",
+							className: "text-lg font-bold text-text-primary sm:text-2xl",
 							children: [x.successRate, "%"]
 						})]
 					})
 				]
 			}),
 			/* @__PURE__ */ v("div", {
-				className: "mt-6 rounded-lg border border-border bg-card p-4 sm:p-6",
+				className: "mt-6 rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
 				children: /* @__PURE__ */ y("div", {
 					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6",
 					children: [
 						/* @__PURE__ */ y("div", {
 							className: "relative sm:col-span-2 lg:col-span-1",
-							children: [/* @__PURE__ */ v(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ v("input", {
+							children: [/* @__PURE__ */ v(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
 								type: "text",
 								placeholder: "Search opportunities...",
 								value: I.searchQuery,
 								onChange: (e) => R("searchQuery", 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-seam 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__ */ y("select", {
 							value: I.category,
 							onChange: (e) => R("category", 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-seam 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__ */ v("option", {
 									value: "",
@@ -426,7 +427,7 @@ function T() {
 						/* @__PURE__ */ y("select", {
 							value: I.riskLevel,
 							onChange: (e) => R("riskLevel", 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-seam 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__ */ v("option", {
 									value: "",
@@ -449,7 +450,7 @@ function T() {
 						/* @__PURE__ */ y("select", {
 							value: I.minimumAmount,
 							onChange: (e) => R("minimumAmount", 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-seam 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__ */ v("option", {
 									value: "",
@@ -476,7 +477,7 @@ function T() {
 						/* @__PURE__ */ y("select", {
 							value: I.location,
 							onChange: (e) => R("location", 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-seam 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__ */ v("option", {
 									value: "",
@@ -503,7 +504,7 @@ function T() {
 						/* @__PURE__ */ y("select", {
 							value: I.sortBy,
 							onChange: (e) => R("sortBy", 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-seam 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__ */ v("option", {
 									value: "featured",
@@ -533,6 +534,7 @@ function T() {
 			z.length === 0 ? /* @__PURE__ */ v("div", {
 				className: "mt-6",
 				children: /* @__PURE__ */ v(r, {
+					illustration: "empty-search",
 					icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
 					title: "No opportunities found",
 					description: "Try adjusting your filters to find more opportunities",
@@ -546,7 +548,7 @@ function T() {
 							location: "",
 							sortBy: "featured"
 						}),
-						className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+						className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 						children: "Clear Filters"
 					})
 				})
@@ -555,12 +557,12 @@ function T() {
 				children: z.map((e) => {
 					let n = w(e.raisedAmount, e.targetAmount);
 					return /* @__PURE__ */ y("div", {
-						className: "rounded-lg border border-border bg-card shadow-sm hover:shadow-md transition-shadow",
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm hover:shadow-md transition-shadow",
 						children: [/* @__PURE__ */ y("div", {
 							className: "relative",
 							children: [
 								/* @__PURE__ */ v("div", {
-									className: "h-40 w-full overflow-hidden rounded-t-lg bg-muted sm:h-48",
+									className: "h-40 w-full overflow-hidden rounded-t-lg bg-bg-sunken sm:h-48",
 									children: /* @__PURE__ */ v("img", {
 										src: e.image,
 										alt: e.cartName,
@@ -569,11 +571,11 @@ function T() {
 									})
 								}),
 								e.status === "funded" && /* @__PURE__ */ v("div", {
-									className: "absolute right-2 top-2 rounded-full bg-green-500 px-2 py-1 text-xs font-medium text-white sm:right-4 sm:top-4 sm:px-3",
+									className: "absolute right-2 top-2 rounded-full bg-status-success-text px-2 py-1 text-xs font-medium text-text-inverse sm:right-4 sm:top-4 sm:px-3",
 									children: "Fully Funded"
 								}),
 								e.daysLeft > 0 && e.daysLeft <= 7 && /* @__PURE__ */ y("div", {
-									className: "absolute left-2 top-2 rounded-full bg-red-500 px-2 py-1 text-xs font-medium text-white sm:left-4 sm:top-4 sm:px-3",
+									className: "absolute left-2 top-2 rounded-full bg-status-error-text px-2 py-1 text-xs font-medium text-text-inverse sm:left-4 sm:top-4 sm:px-3",
 									children: [e.daysLeft, " days left"]
 								})
 							]
@@ -586,17 +588,17 @@ function T() {
 										className: "flex-1",
 										children: [
 											/* @__PURE__ */ v("h3", {
-												className: "text-base font-semibold text-foreground sm:text-xl",
+												className: "text-base font-semibold text-text-primary sm:text-xl",
 												children: e.cartName
 											}),
 											/* @__PURE__ */ y("p", {
-												className: "text-xs text-muted-foreground sm:text-sm",
+												className: "text-xs text-text-secondary sm:text-sm",
 												children: ["by ", e.cartOwner]
 											}),
 											/* @__PURE__ */ y("div", {
 												className: "mt-2 flex flex-wrap items-center gap-2",
 												children: [/* @__PURE__ */ v("span", {
-													className: "text-xs text-muted-foreground sm:text-sm",
+													className: "text-xs text-text-secondary sm:text-sm",
 													children: e.category
 												}), /* @__PURE__ */ v("span", {
 													className: t("rounded-full px-2 py-0.5 text-xs font-medium", S(e.riskLevel)),
@@ -607,16 +609,16 @@ function T() {
 									}), /* @__PURE__ */ y("div", {
 										className: "text-left sm:text-right",
 										children: [/* @__PURE__ */ y("p", {
-											className: "text-xl font-bold text-green-600 dark:text-green-400 sm:text-2xl",
+											className: "text-xl font-bold text-status-success-text sm:text-2xl",
 											children: [e.expectedReturns, "%"]
 										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Expected Returns"
 										})]
 									})]
 								}),
 								/* @__PURE__ */ v("p", {
-									className: "mb-4 text-sm leading-relaxed text-muted-foreground line-clamp-2",
+									className: "mb-4 text-sm leading-relaxed text-text-secondary line-clamp-2",
 									children: e.description
 								}),
 								/* @__PURE__ */ y("div", {
@@ -625,26 +627,26 @@ function T() {
 										/* @__PURE__ */ y("div", {
 											className: "mb-1 flex justify-between text-xs sm:text-sm",
 											children: [/* @__PURE__ */ y("span", {
-												className: "font-medium text-foreground",
+												className: "font-medium text-text-primary",
 												children: [
 													i(e.raisedAmount, { minimumFractionDigits: 0 }),
 													" ",
 													"raised"
 												]
 											}), /* @__PURE__ */ y("span", {
-												className: "text-muted-foreground",
+												className: "text-text-secondary",
 												children: ["of ", i(e.targetAmount, { minimumFractionDigits: 0 })]
 											})]
 										}),
 										/* @__PURE__ */ v("div", {
-											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											className: "h-2 w-full overflow-hidden rounded-full bg-bg-sunken",
 											children: /* @__PURE__ */ v("div", {
-												className: "h-full rounded-full bg-primary transition-all duration-300",
+												className: "h-full rounded-full bg-action-primary-bg transition-all duration-300",
 												style: { width: `${n}%` }
 											})
 										}),
 										/* @__PURE__ */ y("div", {
-											className: "mt-1 flex justify-between text-xs text-muted-foreground",
+											className: "mt-1 flex justify-between text-xs text-text-secondary",
 											children: [/* @__PURE__ */ y("span", { children: [e.investorCount, " investors"] }), /* @__PURE__ */ y("span", { children: [n.toFixed(0), "% funded"] })]
 										})
 									]
@@ -653,35 +655,35 @@ function T() {
 									className: "mb-4 grid grid-cols-3 gap-2 text-center sm:gap-4",
 									children: [
 										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-											className: "text-sm font-bold text-foreground sm:text-lg",
+											className: "text-sm font-bold text-text-primary sm:text-lg",
 											children: i(e.minimumInvestment, { minimumFractionDigits: 0 })
 										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Min Investment"
 										})] }),
 										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("p", {
-											className: "text-sm font-bold text-foreground sm:text-lg",
+											className: "text-sm font-bold text-text-primary sm:text-lg",
 											children: [e.paybackPeriod, " mo"]
 										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Payback Period"
 										})] }),
 										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
 											className: "flex items-center justify-center gap-1",
-											children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ v("p", {
-												className: "text-sm font-bold text-foreground sm:text-lg",
+											children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ v("p", {
+												className: "text-sm font-bold text-text-primary sm:text-lg",
 												children: e.businessMetrics.rating
 											})]
 										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: "Rating"
 										})] })
 									]
 								}),
 								/* @__PURE__ */ y("div", {
-									className: "mb-4 border-t border-border pt-3 sm:pt-4",
+									className: "mb-4 border-t border-border-seam pt-3 sm:pt-4",
 									children: [/* @__PURE__ */ v("p", {
-										className: "mb-2 text-xs font-medium text-muted-foreground sm:text-sm",
+										className: "mb-2 text-xs font-medium text-text-secondary sm:text-sm",
 										children: "Business Performance"
 									}), /* @__PURE__ */ y("div", {
 										className: "grid grid-cols-1 gap-2 text-xs sm:grid-cols-2 sm:text-sm",
@@ -689,40 +691,40 @@ function T() {
 											/* @__PURE__ */ y("div", {
 												className: "flex justify-between",
 												children: [/* @__PURE__ */ v("span", {
-													className: "text-muted-foreground",
+													className: "text-text-secondary",
 													children: "Monthly Revenue:"
 												}), /* @__PURE__ */ v("span", {
-													className: "font-medium text-foreground",
+													className: "font-medium text-text-primary",
 													children: i(e.businessMetrics.monthlyRevenue, { minimumFractionDigits: 0 })
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
 												className: "flex justify-between",
 												children: [/* @__PURE__ */ v("span", {
-													className: "text-muted-foreground",
+													className: "text-text-secondary",
 													children: "Gross Margin:"
 												}), /* @__PURE__ */ y("span", {
-													className: "font-medium text-foreground",
+													className: "font-medium text-text-primary",
 													children: [e.financials.grossMargin, "%"]
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
 												className: "flex justify-between",
 												children: [/* @__PURE__ */ v("span", {
-													className: "text-muted-foreground",
+													className: "text-text-secondary",
 													children: "Monthly Orders:"
 												}), /* @__PURE__ */ v("span", {
-													className: "font-medium text-foreground",
+													className: "font-medium text-text-primary",
 													children: a(e.businessMetrics.monthlyOrders)
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
 												className: "flex justify-between",
 												children: [/* @__PURE__ */ v("span", {
-													className: "text-muted-foreground",
+													className: "text-text-secondary",
 													children: "Net Margin:"
 												}), /* @__PURE__ */ y("span", {
-													className: "font-medium text-foreground",
+													className: "font-medium text-text-primary",
 													children: [e.financials.netMargin, "%"]
 												})]
 											})
@@ -730,14 +732,14 @@ function T() {
 									})]
 								}),
 								/* @__PURE__ */ v("div", {
-									className: "mb-4 border-t border-border pt-3",
+									className: "mb-4 border-t border-border-seam pt-3",
 									children: /* @__PURE__ */ y("div", {
-										className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+										className: "flex items-center gap-1.5 text-xs text-text-secondary",
 										children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: [e.documents.length, " documents available"] })]
 									})
 								}),
 								/* @__PURE__ */ y("div", {
-									className: "mb-4 flex items-center gap-1.5 text-xs text-muted-foreground",
+									className: "mb-4 flex items-center gap-1.5 text-xs text-text-secondary",
 									children: [/* @__PURE__ */ v(m, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", { children: e.location })]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -746,12 +748,12 @@ function T() {
 										type: "button",
 										onClick: () => V(e),
 										disabled: e.status === "funded",
-										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", e.status === "funded" ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", e.status === "funded" ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 										children: e.status === "funded" ? "Fully Funded" : "Invest Now"
 									}), /* @__PURE__ */ y("button", {
 										type: "button",
 										onClick: () => T(`/investor/opportunities/${e.id}`),
-										className: "flex flex-1 items-center justify-center gap-2 rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+										className: "flex flex-1 items-center justify-center gap-2 rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 										children: [/* @__PURE__ */ v(d, { className: "h-4 w-4" }), "View Details"]
 									})]
 								})
@@ -761,32 +763,32 @@ function T() {
 				})
 			}),
 			A && O && /* @__PURE__ */ v("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
 				children: /* @__PURE__ */ y("div", {
-					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border bg-card p-4 sm:p-6",
+					className: "relative max-h-[90vh] w-full max-w-md overflow-y-auto rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6",
 					children: [
 						/* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: () => {
 								j(!1), N(""), F("idle");
 							},
-							className: "absolute right-3 top-3 rounded-lg p-1 text-muted-foreground hover:bg-accent transition-colors",
+							className: "absolute right-3 top-3 rounded-lg p-1 text-text-secondary hover:bg-accent transition-colors",
 							children: /* @__PURE__ */ v(_, { className: "h-5 w-5" })
 						}),
 						/* @__PURE__ */ y("h3", {
-							className: "mb-4 text-base font-semibold text-foreground sm:text-lg",
+							className: "mb-4 text-base font-semibold text-text-primary sm:text-lg",
 							children: ["Invest in ", O.cartName]
 						}),
 						P === "success" ? /* @__PURE__ */ y("div", {
 							className: "py-8 text-center",
 							children: [
-								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-green-600 dark:text-green-400" }),
+								/* @__PURE__ */ v(u, { className: "mx-auto mb-3 h-12 w-12 text-status-success-text" }),
 								/* @__PURE__ */ v("p", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: "Investment successful!"
 								}),
 								/* @__PURE__ */ v("p", {
-									className: "mt-1 text-xs text-muted-foreground",
+									className: "mt-1 text-xs text-text-secondary",
 									children: "Redirecting to your portfolio..."
 								})
 							]
@@ -794,10 +796,10 @@ function T() {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
-									className: "mb-1 text-xs text-muted-foreground sm:text-sm",
+									className: "mb-1 text-xs text-text-secondary sm:text-sm",
 									children: "Investment Range"
 								}), /* @__PURE__ */ y("p", {
-									className: "text-sm font-medium text-foreground sm:text-base",
+									className: "text-sm font-medium text-text-primary sm:text-base",
 									children: [
 										i(O.minimumInvestment, { minimumFractionDigits: 0 }),
 										" ",
@@ -808,23 +810,23 @@ function T() {
 								})] }),
 								/* @__PURE__ */ y("div", { children: [
 									/* @__PURE__ */ v("label", {
-										className: "mb-1 block text-xs font-medium text-foreground sm:text-sm",
+										className: "mb-1 block text-xs font-medium text-text-primary sm:text-sm",
 										children: "Investment Amount"
 									}),
 									/* @__PURE__ */ y("div", {
 										className: "relative",
-										children: [/* @__PURE__ */ v(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ v("input", {
+										children: [/* @__PURE__ */ v(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
 											type: "number",
 											value: M,
 											onChange: (e) => {
 												N(e.target.value), F("idle");
 											},
 											placeholder: "Enter amount",
-											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-seam 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)]"
 										})]
 									}),
 									P === "error" && /* @__PURE__ */ y("p", {
-										className: "mt-1 text-xs text-red-600 dark:text-red-400",
+										className: "mt-1 text-xs text-status-error-text",
 										children: [
 											"Amount must be between",
 											" ",
@@ -837,9 +839,9 @@ function T() {
 									})
 								] }),
 								M && !isNaN(parseInt(M, 10)) && parseInt(M, 10) > 0 && /* @__PURE__ */ y("div", {
-									className: "rounded-lg border border-border bg-muted/50 p-3 sm:p-4",
+									className: "rounded-lg border border-border-seam bg-bg-sunken/50 p-3 sm:p-4",
 									children: [/* @__PURE__ */ v("p", {
-										className: "mb-2 text-xs text-muted-foreground sm:text-sm",
+										className: "mb-2 text-xs text-text-secondary sm:text-sm",
 										children: "Expected Returns"
 									}), /* @__PURE__ */ y("div", {
 										className: "space-y-1.5",
@@ -847,34 +849,34 @@ function T() {
 											/* @__PURE__ */ y("div", {
 												className: "flex justify-between",
 												children: [/* @__PURE__ */ v("span", {
-													className: "text-xs text-foreground sm:text-sm",
+													className: "text-xs text-text-primary sm:text-sm",
 													children: "Investment:"
 												}), /* @__PURE__ */ v("span", {
-													className: "text-xs font-medium text-foreground sm:text-sm",
+													className: "text-xs font-medium text-text-primary sm:text-sm",
 													children: i(parseInt(M, 10), { minimumFractionDigits: 0 })
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
 												className: "flex justify-between",
 												children: [/* @__PURE__ */ y("span", {
-													className: "text-xs text-foreground sm:text-sm",
+													className: "text-xs text-text-primary sm:text-sm",
 													children: [
 														"Expected Return (",
 														O.expectedReturns,
 														"%):"
 													]
 												}), /* @__PURE__ */ y("span", {
-													className: "text-xs font-medium text-green-600 dark:text-green-400 sm:text-sm",
+													className: "text-xs font-medium text-status-success-text sm:text-sm",
 													children: ["+", i(parseInt(M, 10) * O.expectedReturns / 100, { minimumFractionDigits: 0 })]
 												})]
 											}),
 											/* @__PURE__ */ y("div", {
-												className: "flex justify-between border-t border-border pt-2",
+												className: "flex justify-between border-t border-border-seam pt-2",
 												children: [/* @__PURE__ */ v("span", {
-													className: "text-xs font-medium text-foreground sm:text-sm",
+													className: "text-xs font-medium text-text-primary sm:text-sm",
 													children: "Total Value:"
 												}), /* @__PURE__ */ v("span", {
-													className: "text-xs font-bold text-foreground sm:text-sm",
+													className: "text-xs font-bold text-text-primary sm:text-sm",
 													children: i(parseInt(M, 10) * (1 + O.expectedReturns / 100), { minimumFractionDigits: 0 })
 												})]
 											})
@@ -882,7 +884,7 @@ function T() {
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
-									className: "space-y-1 text-xs text-muted-foreground sm:text-sm",
+									className: "space-y-1 text-xs text-text-secondary sm:text-sm",
 									children: [
 										/* @__PURE__ */ y("p", { children: [
 											"• Minimum lock-in period:",
@@ -915,13 +917,13 @@ function T() {
 										onClick: () => {
 											j(!1), N(""), F("idle");
 										},
-										className: "flex-1 rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+										className: "flex-1 rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 										children: "Cancel"
 									}), /* @__PURE__ */ v("button", {
 										type: "button",
 										onClick: B,
 										disabled: !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment,
-										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment ? "cursor-not-allowed bg-muted text-muted-foreground" : "bg-primary text-primary-foreground hover:bg-primary/90"),
+										className: t("flex-1 rounded-lg px-4 py-2.5 text-sm font-medium transition-colors", !M || isNaN(parseInt(M, 10)) || parseInt(M, 10) < O.minimumInvestment ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"),
 										children: "Confirm Investment"
 									})]
 								})