@psnext/design-system 1.2.0 → 1.3.0

package/dist/Logo.cjs

@@ -1,4 +1,27 @@
+const require_primitives_ThemeProvider_index = require("./primitives/ThemeProvider/index.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/primitives/Logo/marks/brand-colors.ts
+/**
+* Fixed brand colours for the product logos.
+*
+* A logo is brand identity — its colours must NOT follow the app theme, the
+* active product, or any white-label / org override. These marks were
+* previously wired to theme tokens (the `--red-500` token for the red mark,
+* the `--logo-accent` token for the white cut-out), which let a theme switch —
+* or a future white-label client overriding those tokens — silently recolour
+* the logo. They are intentionally hard-coded here.
+*
+* Note: the wordmark text and negative space still resolve to
+* `--foreground` / `--background` so the lockup stays legible on light and dark
+* page backgrounds. That is legibility against the page, not brand colour, and
+* is intentionally left theme-aware.
+*/
+/** PS AI brand red — the logo mark. (Was the `--red-500` token.) */
+const LOGO_BRAND_RED = "#e90130";
+/** White cut-out inside the mark. (Was the `--logo-accent` token.) */
+const LOGO_MARK_WHITE = "#ffffff";
+const LOGO_MARK_DARK = "#111827";
+//#endregion
 //#region src/primitives/Logo/marks/bodhi-icon.tsx
 function BodhiIcon(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -8,11 +31,11 @@ function BodhiIcon(props) {
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		...props,
-		style: { fill: "var(--red-500)" },
+		style: { fill: LOGO_BRAND_RED },
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M63.3 32.5c0 17.32-14.06 32.05-31.4 32.05C14.55 64.55.5 49.82.5 32.5A31.4 31.4 0 0 1 31.9 1.13 31.4 31.4 0 0 1 63.3 32.5",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M32 .55a32 32 0 0 1 2.64 63.9l-.79-11.57.4-1.01 8.6-8.79a2.38 2.38 0 0 0 4.42-.85l8.54-.87a2.39 2.39 0 1 0 2.74-2.9l.17-9.7c.9-.04 1.6-.75 1.6-1.68a1.69 1.69 0 0 0-2.59-1.42L52.1 18a2.28 2.28 0 0 0-3.36-3.09l-4.88-4.22q.1-.28.1-.59a1.69 1.69 0 0 0-3.17-.8l-6.55-1.27a1.69 1.69 0 0 0-3.32-.01l-6.6 1.29a1.7 1.7 0 0 0-3.08 1.38l-4.88 4.22q-.23-.24-.55-.42a2.29 2.29 0 0 0-2.8 3.51l-5.64 7.66a1.7 1.7 0 0 0-.91-.27 1.69 1.69 0 0 0-.08 3.37l.17 9.85a2.39 2.39 0 1 0 3.26 2.8l8.02.82a2.38 2.38 0 0 0 4.06 1.34l8.4 9.04-.78 11.86C13 63.2 0 50.24 0 32.56a32 32 0 0 1 32-32" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M40.52 35.07a2.4 2.4 0 0 0 1.97.3l1.43 4.35c-.82.37-1.4 1.2-1.4 2.17v.07l-8.9 6.9-.2-7.96z" }),
@@ -43,6 +66,7 @@ function BodhiIcon(props) {
 //#endregion
 //#region src/primitives/Logo/marks/bodhi-logo.tsx
 function BodhiLogo(props) {
+	const theme = require_primitives_ThemeProvider_index.useTheme();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width: "101",
 		height: "37",
@@ -51,158 +75,158 @@ function BodhiLogo(props) {
 		xmlns: "http://www.w3.org/2000/svg",
 		...props,
 		style: {
-			"--logo-circle-bg": "var(--background)",
-			"--logo-icon-red": "var(--red-500)",
-			"--logo-text-dark": "var(--foreground)"
+			"--logo-brand-red": LOGO_BRAND_RED,
+			"--logo-mark-white": LOGO_MARK_WHITE,
+			"--logo-mark-dark": theme.theme === "dark" ? LOGO_MARK_WHITE : LOGO_MARK_DARK
 		},
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M35.6 18.28c0 9.74-7.9 18.03-17.66 18.03S.28 28.02.28 18.28 8.18.64 17.94.64s17.67 7.9 17.67 17.64",
-				fill: "var(--logo-circle-bg)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M18 .31a18 18 0 0 1 1.48 35.95l-.44-6.52.23-.56 4.83-4.95a1.34 1.34 0 0 0 2.49-.47l4.8-.5a1.34 1.34 0 1 0 1.55-1.63l.09-5.45c.5-.02.9-.42.9-.95a.95.95 0 0 0-1.46-.8l-3.17-4.3a1.28 1.28 0 0 0-1.89-1.74L24.67 6q.06-.15.06-.33a.95.95 0 0 0-1.79-.45l-3.68-.71a.95.95 0 0 0-1.87 0l-3.71.71a.95.95 0 0 0-1.73.78L9.2 8.4a1.29 1.29 0 0 0-1.89 1.74l-3.16 4.3a1 1 0 0 0-.52-.15.95.95 0 0 0-.04 1.9l.1 5.54a1.34 1.34 0 1 0 1.83 1.57l4.5.47a1.34 1.34 0 0 0 2.3.75l4.72 5.08-.44 6.68C7.3 35.55 0 28.26 0 18.3a18 18 0 0 1 18-18",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M22.8 19.73a1.3 1.3 0 0 0 1.1.16l.8 2.45c-.46.21-.78.68-.78 1.22v.04l-5.01 3.89L18.8 23z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "m17.35 22.99-.24 4.47-4.47-3.49a1.34 1.34 0 0 0-.73-1.63l.85-2.55q.54-.01.9-.37z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M7.06 18.7a1.5 1.5 0 0 0 1.5.1l2.08 3.63a1.3 1.3 0 0 0-.62 1.2l-4.47-.45.02-.23c0-.53-.31-.99-.76-1.2z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M31.88 21.88a1.3 1.3 0 0 0-.51 1.26l-4.77.5v-.08c0-.47-.25-.9-.62-1.13l2.09-3.64a1.5 1.5 0 0 0 1.47-.09z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M22.4 17.88a1.34 1.34 0 0 0 .3 1.78l-3.9 3.2-.16-6.42q.26-.13.45-.36z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M17.22 16.27q.2.17.46.25l-.33 6.3-3.6-3.48a1.3 1.3 0 0 0 .27-1.33z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M11.41 18.52c.04.67.56 1.2 1.22 1.26l-.83 2.52a1.3 1.3 0 0 0-1.06.07l-2.08-3.64q.32-.2.52-.53z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M27.44 18.2q.2.33.52.53l-2.09 3.64a1 1 0 0 0-.45-.14l-.16-.01q-.23 0-.44.08l-.8-2.45c.5-.19.85-.68.85-1.25v-.03z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M32.2 15.77q.26.36.7.4l-.09 5.44h-.12q-.37 0-.67.18l-2.35-3.18a1.5 1.5 0 0 0 .47-1.6z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M6.47 17.01a1.5 1.5 0 0 0 .49 1.61L4.7 21.7a1.3 1.3 0 0 0-.9-.02l-.1-5.5q.47-.04.71-.4z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M27.68 16.4a1.5 1.5 0 0 0-.3 1.69l-2.52.36a1.3 1.3 0 0 0-.75-1.05l.48-4.53q.29-.01.5-.14z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M11.53 12.73q.2.13.49.14h.01l.45 4.26c-.6.12-1.05.64-1.07 1.27l-2.17-.31a1.5 1.5 0 0 0-.3-1.68z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M16.78 14.8a1.3 1.3 0 0 0 .31 1.36l-3.13 1.7a1.3 1.3 0 0 0-1.36-.75l-.45-4.25q.3-.05.52-.26z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M23.94 12.6q.23.21.53.26l-.48 4.49a1.3 1.3 0 0 0-1.43.32l-.1.11-3.3-1.8a1.3 1.3 0 0 0 .23-.93z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M27.23 9.9c.32.58 1.02.81 1.62.55l.12-.05q.14-.08.25-.18l3.16 4.29a.95.95 0 0 0-.24 1.16l-2.04 1.22a1.5 1.5 0 0 0-2.33-.57l-2.58-3.66a.95.95 0 0 0 .19-1.29z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M11.24 11.37a.95.95 0 0 0 .19 1.29l-2.58 3.66a1.48 1.48 0 0 0-2.33.57l-2.04-1.22a.94.94 0 0 0-.24-1.17l3.16-4.28q.11.1.25.18c.62.34 1.4.12 1.74-.5z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "m23.66 11.77-.01.15q0 .34.21.6l-4.5 2.4a1.3 1.3 0 0 0-1.07-1.01l.04-2.33c.47 0 .85-.35.93-.8z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M17.4 10.85c.1.38.41.67.81.72l-.04 2.32h-.11c-.55 0-1.03.33-1.23.8l-4.07-2.18a1 1 0 0 0 .2-.73z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M12 6.13c.14.26.4.45.7.5h.14q.4 0 .68-.29l4.17 3.59a1 1 0 0 0-.3.8l-4.46.93a.95.95 0 0 0-1.61-.38L9.45 9.79c.2-.44.12-.95-.17-1.31z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M27.34 8.48c-.3.36-.36.87-.17 1.3l-1.87 1.5a.95.95 0 0 0-1.61.37l-4.42-.99v-.03q0-.3-.16-.54l4.02-3.72a.95.95 0 0 0 1.49-.24z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M22.9 5.35a1 1 0 0 0 .15.94L19.03 10a1 1 0 0 0-.66-.32l.08-4.06a.95.95 0 0 0 .82-.94v-.04z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M17.38 4.68c0 .52.42.95.94.95l-.07 4.05a1 1 0 0 0-.47.17l-4.18-3.6a1 1 0 0 0 .13-.9l3.65-.71z",
-				fill: "var(--logo-icon-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M66.27 5.17a.5.5 0 0 0 .49-.5.5.5 0 0 0-.5-.5.5.5 0 0 0-.48.5c0 .28.22.5.49.5",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M65.88 12.73h.76V6.1h-.76z",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M50.72 9.4c0-1.38 1.06-2.5 2.37-2.5 1.3 0 2.37 1.12 2.37 2.5v.1c-.05 1.37-1.1 2.44-2.37 2.44-1.28 0-2.37-1.14-2.37-2.54m2.37 3.32c.92 0 1.77-.41 2.37-1.15v1.16h.76V6.1h-.76v1.14a3 3 0 0 0-2.37-1.14 3.2 3.2 0 0 0-3.13 3.3c0 1.8 1.4 3.31 3.13 3.31",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M61.35 11.94c-1.28 0-2.32-1.07-2.37-2.43v-.1c0-1.4 1.06-2.52 2.37-2.52 1.3 0 2.37 1.13 2.37 2.51 0 1.39-1.07 2.54-2.37 2.54m3.13-2.54c0-1.81-1.4-3.29-3.13-3.29-.93 0-1.78.41-2.37 1.14V6.1h-.76v9h.76v-3.53c.6.73 1.45 1.14 2.37 1.14 1.72 0 3.13-1.49 3.13-3.32",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M78.73 6.11c-.72 0-1.4.3-1.9.84V6.1h-.74v6.62h.73V8.8a1.95 1.95 0 0 1 1.9-1.93c1.03 0 1.9.86 1.9 1.93v3.92h.75V8.8c0-1.49-1.19-2.7-2.64-2.7",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "m85.3 11.97-.07.02q-.11.04-.37.05-.44.02-.44-.67v-4.5h.9V6.1h-.9V3.89h-.78V6.1h-.9v.76h.9v4.53q0 .74.28 1.01.27.3.77.31.37 0 .61-.1l.05-.01z",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M71.42 6.88c1.11 0 2.07.83 2.3 1.97h-4.65a2.4 2.4 0 0 1 2.34-1.97m1.98 3.94a2.3 2.3 0 0 1-1.99 1.14 2.46 2.46 0 0 1-2.39-2.36h5.14c.2 0 .37-.15.37-.35v-.06c-.13-1.75-1.47-3.08-3.12-3.08a3.24 3.24 0 0 0-3.14 3.32c0 1.83 1.41 3.3 3.14 3.3 1.06 0 2.04-.56 2.61-1.5z",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M48.2 9.53s-.2-.16-.41-.25c-.22-.09-.52-.2-1.16-.35q-.12-.04-.25-.06-.63-.17-1-.44-.33-.28-.3-.61.01-.39.4-.67.45-.34 1.18-.3c.54.02.95.3 1.39.62l.04.03.55-.53-.26-.2c-.44-.3-.97-.62-1.69-.65q-.95-.04-1.6.38c-.47.32-.77.79-.77 1.28-.01.37.07.72.43 1.08.43.43 1.1.65 1.72.77.53.1 1.02.3 1.26.51.3.28.4.48.4.77q-.02.42-.48.72c-.3.23-.73.35-1.18.33a3.2 3.2 0 0 1-1.82-.78l-.04-.04-.54.51.05.05q1.09.95 2.31 1.02a2.6 2.6 0 0 0 1.64-.46q.77-.54.81-1.32a1.7 1.7 0 0 0-.68-1.41",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M53.33 27.23a2.75 2.75 0 1 0-5.5-.02 2.77 2.77 0 0 0 2.76 2.74 2.77 2.77 0 0 0 2.74-2.72m-7.96-12.08h2.76v8.42Q49.5 22 51.39 22c2.7 0 4.76 2.24 4.76 5.2 0 3.04-2.04 5.22-4.82 5.22a3.9 3.9 0 0 1-3.2-1.58v1.28h-2.76zm15.19 12.02a2.74 2.74 0 0 0 2.76 2.78 2.8 2.8 0 0 0 2.78-2.74 2.8 2.8 0 0 0-2.78-2.74 2.8 2.8 0 0 0-2.76 2.7m-2.84-.04c0-2.98 2.38-5.14 5.62-5.14s5.58 2.16 5.58 5.2c0 3.16-2.36 5.22-5.64 5.22-3.34 0-5.56-2.18-5.56-5.28m21.1.1a2.76 2.76 0 0 0-2.75-2.76 2.76 2.76 0 0 0-2.74 2.74c0 1.5 1.24 2.74 2.74 2.74a2.8 2.8 0 0 0 2.74-2.72m-.3-3.66v-8.42h2.75v16.96h-2.76v-1.28a3.9 3.9 0 0 1-3.2 1.58c-2.76 0-4.82-2.22-4.82-5.22 0-2.92 2.06-5.2 4.76-5.2q1.92.01 3.26 1.58m5.34 8.54V15.15h2.76v8.44a3.6 3.6 0 0 1 3.06-1.6c1.4 0 2.3.52 2.96 1.34.52.66.68 1.54.68 2.62v6.16h-2.76v-5.38c0-1.74-.5-2.4-1.86-2.4q-2.09 0-2.08 2.76v5.02zm12.01-9.8h2.76v9.8h-2.76zm-.26-4.14c0-.9.74-1.64 1.64-1.64s1.64.74 1.64 1.64-.74 1.64-1.64 1.64-1.64-.74-1.64-1.64",
-				fill: "var(--logo-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			})
 		]
 	});
@@ -210,6 +234,7 @@ function BodhiLogo(props) {
 //#endregion
 //#region src/primitives/Logo/marks/psai-logo.tsx
 function PSAILogo(props) {
+	const theme = require_primitives_ThemeProvider_index.useTheme();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width: "151",
 		height: "38",
@@ -218,144 +243,144 @@ function PSAILogo(props) {
 		xmlns: "http://www.w3.org/2000/svg",
 		...props,
 		style: {
-			"--psai-primary-red": "var(--red-500)",
-			"--psai-accent-white": "var(--logo-accent)",
-			"--psai-text-dark": "var(--foreground)"
+			"--logo-brand-red": LOGO_BRAND_RED,
+			"--logo-mark-white": LOGO_MARK_WHITE,
+			"--logo-mark-dark": theme.theme === "dark" ? LOGO_MARK_WHITE : LOGO_MARK_DARK
 		},
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M18.08 0C8.11 0 0 8.29 0 18.47s8.11 18.47 18.08 18.47 18.08-8.28 18.08-18.47S28.06 0 18.08 0",
-				fill: "var(--psai-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M31.58 24.2c-.27.66-1.02.97-1.67.7a1.3 1.3 0 0 1-.69-1.7 1.27 1.27 0 0 1 1.67-.7c.65.27.96 1.03.69 1.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M23.66 32.26c-.65.28-1.4-.04-1.66-.7-.27-.67.04-1.43.69-1.7.65-.28 1.4.04 1.66.7.27.67-.04 1.43-.69 1.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M12.48 32.26a1.3 1.3 0 0 1-.7-1.7 1.27 1.27 0 0 1 1.67-.71c.65.28.96 1.04.7 1.7-.28.67-1.02.98-1.67.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M4.57 24.17c-.26-.67.05-1.43.7-1.7.65-.28 1.4.04 1.66.7.27.67-.04 1.43-.7 1.7-.64.28-1.39-.04-1.66-.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M4.59 12.74a1.27 1.27 0 0 1 1.66-.7c.65.28.96 1.04.7 1.7-.28.67-1.02.98-1.67.7a1.3 1.3 0 0 1-.7-1.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M12.5 4.67c.65-.27 1.4.04 1.67.7.27.67-.04 1.43-.7 1.7-.64.28-1.39-.03-1.66-.7s.04-1.42.7-1.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M23.69 4.68c.65.28.95 1.04.68 1.7-.27.67-1.01.98-1.66.7a1.3 1.3 0 0 1-.69-1.7 1.27 1.27 0 0 1 1.67-.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M31.59 12.77c.27.67-.04 1.43-.7 1.7-.64.28-1.39-.04-1.66-.7-.27-.67.04-1.43.7-1.7.65-.28 1.39.04 1.66.7",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M19.42 20.97c-1 1.39-1.7 3.64-.39 4.98.89.91.22 2.42-.98 2.42s-1.87-1.5-.98-2.42c1.31-1.34.6-3.59-.39-4.98a9 9 0 0 0-1.04-1.14c-1.37-1-3.58-1.73-4.89-.39-.88.9-2.36.22-2.36-1 0-1.23 1.48-1.91 2.36-1 1.31 1.34 3.52.62 4.89-.4.23-.17.95-.84 1.1-1.07 1-1.4 1.7-3.64.39-4.98-.89-.91-.22-2.42.98-2.42s1.87 1.5.98 2.42c-1.31 1.34-.6 3.59.39 4.98.17.25.82.97 1.04 1.13 1.37 1.02 3.57 1.74 4.89.4.88-.9 2.36-.22 2.36 1 0 1.23-1.48 1.91-2.36 1-1.31-1.34-3.52-.62-4.89.4-.23.17-.95.84-1.1 1.07",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M25.04 11.37c.74.76.74 2 0 2.77-.75.76-1.97.76-2.72 0-.74-.77-.74-2 0-2.77a1.9 1.9 0 0 1 2.72 0",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M25.04 25.57c-.75.77-1.97.77-2.72 0-.74-.76-.74-2 0-2.76a1.9 1.9 0 0 1 2.72 0c.74.76.74 2 0 2.76",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M11.13 25.57c-.75-.76-.75-2 0-2.76a1.9 1.9 0 0 1 2.7 0c.76.76.76 2 0 2.76-.74.77-1.95.77-2.7 0",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M11.13 11.37a1.9 1.9 0 0 1 2.7 0c.76.76.76 2 0 2.77-.74.76-1.95.76-2.7 0-.75-.77-.75-2 0-2.77",
-				fill: "var(--psai-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M66.37 5.64a.5.5 0 0 0 .48-.5.5.5 0 0 0-.48-.5.5.5 0 0 0-.5.5c0 .28.23.5.5.5",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M65.98 13.2h.76V6.58h-.76z",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M50.82 9.87c0-1.38 1.06-2.5 2.37-2.5 1.3 0 2.37 1.12 2.37 2.5v.1c-.06 1.37-1.1 2.44-2.37 2.44-1.28 0-2.37-1.14-2.37-2.54m2.37 3.32c.92 0 1.77-.41 2.36-1.14v1.15h.77V6.58h-.77v1.14a3 3 0 0 0-2.36-1.14 3.2 3.2 0 0 0-3.14 3.3c0 1.8 1.4 3.31 3.14 3.31",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M61.45 12.41c-1.28 0-2.32-1.07-2.37-2.43v-.1c0-1.4 1.06-2.52 2.37-2.52 1.3 0 2.36 1.13 2.36 2.51 0 1.39-1.06 2.54-2.36 2.54m3.13-2.54c0-1.81-1.4-3.29-3.13-3.29-.93 0-1.78.41-2.37 1.14V6.58h-.77v9h.77v-3.53c.6.73 1.44 1.14 2.37 1.14 1.72 0 3.13-1.49 3.13-3.32",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M78.83 6.58c-.73 0-1.41.3-1.9.84v-.84h-.74v6.62h.73V9.28a1.95 1.95 0 0 1 1.9-1.93c1.03 0 1.9.86 1.9 1.93v3.92h.75V9.28c0-1.49-1.19-2.7-2.64-2.7",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "m85.4 12.44-.07.02q-.11.04-.37.05-.45.02-.44-.67v-4.5h.9v-.76h-.9V4.36h-.78v2.22h-.9v.76h.9v4.53q0 .74.28 1.01.27.3.76.31.38 0 .62-.1l.04-.01z",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M71.51 7.35c1.12 0 2.08.83 2.3 1.97h-4.64a2.4 2.4 0 0 1 2.34-1.97m1.99 3.94a2.3 2.3 0 0 1-1.99 1.14 2.46 2.46 0 0 1-2.39-2.36h5.14c.2 0 .37-.15.37-.35v-.06c-.13-1.75-1.47-3.08-3.12-3.08a3.24 3.24 0 0 0-3.14 3.32c0 1.83 1.4 3.3 3.14 3.3 1.06 0 2.04-.56 2.61-1.5z",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M48.3 10s-.2-.16-.41-.25c-.22-.09-.52-.2-1.16-.35q-.12-.04-.25-.06a3 3 0 0 1-1-.44q-.34-.28-.3-.61.01-.39.4-.67.45-.34 1.18-.3c.53.02.94.3 1.38.62l.05.03.55-.53-.27-.2c-.43-.3-.97-.62-1.68-.65q-.95-.04-1.61.38c-.47.32-.76.79-.77 1.28 0 .38.07.72.44 1.08.43.43 1.1.65 1.72.77.53.1 1.02.3 1.26.51.3.28.4.48.4.77q-.03.42-.49.72c-.3.23-.73.35-1.17.33q-.9-.05-1.82-.78l-.04-.04-.55.51.06.05q1.08.95 2.31 1.02a2.6 2.6 0 0 0 1.64-.46q.77-.54.8-1.32A1.7 1.7 0 0 0 48.3 10",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M53.26 27.7a2.76 2.76 0 0 0-2.74-2.76 2.7 2.7 0 0 0-2.74 2.74c0 1.52 1.2 2.74 2.74 2.74a2.8 2.8 0 0 0 2.74-2.72m-.3-3.66v-1.26h2.76v9.8h-2.76V31.3a3.9 3.9 0 0 1-3.2 1.58c-2.76 0-4.82-2.26-4.82-5.22 0-2.92 2.04-5.2 4.76-5.2q1.92.01 3.26 1.58m5.32-1.26h2.76v9.8h-2.76zm-.26-4.14c0-.9.74-1.64 1.64-1.64s1.64.74 1.64 1.64-.74 1.64-1.64 1.64-1.64-.74-1.64-1.64m17.5 9.06a2.75 2.75 0 1 0-5.5-.02 2.77 2.77 0 0 0 2.76 2.74c1.5 0 2.74-1.26 2.74-2.72m-5.2 3.6v6.5h-2.76V22.78h2.76v1.26a4 4 0 0 1 3.2-1.58c2.76 0 4.82 2.28 4.82 5.22 0 2.96-2.08 5.2-4.76 5.2a4.1 4.1 0 0 1-3.26-1.58m10.11 1.28v-9.8h2.76v1.48q1.02-1.8 2.84-1.8.57 0 1.2.24l-.38 2.58a3 3 0 0 0-1.32-.34q-2.34 0-2.34 2.94v4.7zm10.43-4.94a2.74 2.74 0 0 0 2.76 2.78 2.8 2.8 0 0 0 2.78-2.74 2.8 2.8 0 0 0-2.78-2.74 2.8 2.8 0 0 0-2.76 2.7m-2.84-.04c0-2.98 2.38-5.14 5.62-5.14s5.58 2.16 5.58 5.2c0 3.16-2.36 5.22-5.64 5.22-3.34 0-5.56-2.18-5.56-5.28m21.1.1a2.76 2.76 0 0 0-2.75-2.76 2.76 2.76 0 0 0-2.74 2.74c0 1.5 1.24 2.74 2.74 2.74a2.8 2.8 0 0 0 2.74-2.72m-.3-3.66v-8.42h2.75v16.96h-2.76V31.3a3.9 3.9 0 0 1-3.2 1.58c-2.76 0-4.82-2.22-4.82-5.22 0-2.92 2.06-5.2 4.76-5.2q1.92.01 3.26 1.58m5.34-1.26h2.76v5.56q0 2.22 1.98 2.22 2 0 2-2.22v-5.56h2.74v6.02c0 2.62-1.7 4.08-4.74 4.08s-4.74-1.46-4.74-4.08zm19.43.28v2.7a3.6 3.6 0 0 0-2.24-.82 2.7 2.7 0 0 0-2.8 2.74c0 1.6 1.2 2.74 2.8 2.74q1.2 0 2.24-.82v2.7q-1.26.57-2.52.58a5.22 5.22 0 1 1 .04-10.42q1.35 0 2.48.6m2.1 2.08h-1.08v-2.36h1.08v-3.34h2.76v3.34h1.92v2.36h-1.92v2.92c0 1.52.18 2.4 1.2 2.4q.28 0 .5-.04v2.4c-.3.04-.86.06-1.16.06-2.14 0-3.3-1.58-3.3-3.84zm13.16-1.68-1.36 1.6a2.7 2.7 0 0 0-1.62-.64c-.6 0-1.06.36-1.06.82 0 .48.26.64 1.56 1.1 2.28.8 2.98 1.48 2.98 3.04 0 2.06-1.7 3.52-4.1 3.52a4.8 4.8 0 0 1-3.72-1.62l1.42-1.68q1.14 1.15 2.32 1.16c.7 0 1.24-.46 1.24-1.08 0-.54-.22-.78-1.5-1.24-2.38-.84-2.86-1.48-2.86-2.9 0-1.9 1.54-3.12 3.5-3.12q1.8 0 3.2 1.04",
-				fill: "var(--psai-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			})
 		]
 	});
@@ -370,86 +395,86 @@ function SlingshotIcon(props) {
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		...props,
-		style: { fill: "var(--red-500)" },
+		style: { fill: LOGO_BRAND_RED },
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M32 0C14.35 0 0 14.35 0 32s14.35 32 32 32 32-14.35 32-32S49.64 0 32 0" }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M55.88 41.92a2.25 2.25 0 1 1-4.15-1.72 2.25 2.25 0 0 1 4.15 1.72",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M41.87 55.9a2.26 2.26 0 1 1-1.72-4.18 2.26 2.26 0 0 1 1.72 4.18",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M22.08 55.88a2.26 2.26 0 1 1 1.74-4.16 2.26 2.26 0 0 1-1.74 4.16",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M8.1 41.87",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M8.12 22.08a2.25 2.25 0 1 1 1.22 2.94 2.26 2.26 0 0 1-1.22-2.94",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M22.13 8.1a2.26 2.26 0 1 1-1.22 2.94 2.26 2.26 0 0 1 1.22-2.95",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M41.92 8.12",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M55.9 22.13a2.26 2.26 0 1 1-2.95-1.22 2.26 2.26 0 0 1 2.95 1.22",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M34.36 36.32c-1.75 2.42-3 6.33-.68 8.64 1.57 1.58.38 4.19-1.74 4.19s-3.3-2.61-1.73-4.19c2.32-2.32 1.07-6.22-.69-8.64-.3-.42-1.46-1.68-1.85-1.96-2.42-1.75-6.32-3-8.64-.68-1.57 1.57-4.18.39-4.18-1.73s2.61-3.31 4.18-1.74c2.32 2.32 6.23 1.07 8.64-.68.42-.3 1.68-1.47 1.96-1.86 1.76-2.41 3-6.31.69-8.64-1.58-1.57-.4-4.18 1.73-4.18s3.3 2.61 1.73 4.18c-2.31 2.32-1.07 6.23.69 8.64.3.42 1.46 1.68 1.85 1.96 2.42 1.76 6.32 3 8.64.69 1.57-1.58 4.18-.39 4.18 1.73s-2.6 3.31-4.18 1.74c-2.32-2.32-6.22-1.07-8.64.68-.42.3-1.68 1.47-1.96 1.85",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M44.3 19.7a3.39 3.39 0 1 1-4.78 4.8 3.39 3.39 0 0 1 4.78-4.8",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M44.3 44.3a3.4 3.4 0 1 1-4.79-4.79 3.4 3.4 0 0 1 4.8 4.8",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M19.7 44.3a3.39 3.39 0 1 1 4.78-4.79 3.39 3.39 0 0 1-4.79 4.8",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M19.7 19.7a3.39 3.39 0 1 1 4.79 4.78 3.39 3.39 0 0 1-4.8-4.78",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			})
 		]
 	});
@@ -457,6 +482,7 @@ function SlingshotIcon(props) {
 //#endregion
 //#region src/primitives/Logo/marks/slingshot-logo.tsx
 function SlingshotLogo(props) {
+	const theme = require_primitives_ThemeProvider_index.useTheme();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width: "133",
 		height: "36",
@@ -465,178 +491,178 @@ function SlingshotLogo(props) {
 		xmlns: "http://www.w3.org/2000/svg",
 		...props,
 		style: {
-			"--slingshot-primary-red": "var(--red-500)",
-			"--slingshot-accent-white": "var(--logo-accent)",
-			"--slingshot-text-dark": "var(--foreground)"
+			"--logo-brand-red": LOGO_BRAND_RED,
+			"--logo-mark-white": LOGO_MARK_WHITE,
+			"--logo-mark-dark": theme.theme === "dark" ? LOGO_MARK_WHITE : LOGO_MARK_DARK
 		},
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M18 0C8.07 0 0 8.07 0 18s8.07 18 18 18 18-8.07 18-18S27.92 0 18 0",
-				fill: "var(--slingshot-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M31.43 23.58a1.27 1.27 0 1 1-2.33-.97 1.27 1.27 0 0 1 2.33.97",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M23.55 31.44a1.27 1.27 0 1 1-.96-2.35 1.27 1.27 0 0 1 .96 2.35",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M12.42 31.43a1.27 1.27 0 1 1 .98-2.34 1.27 1.27 0 0 1-.98 2.34",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M4.55 23.55",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M4.57 12.42a1.27 1.27 0 1 1 .69 1.66 1.27 1.27 0 0 1-.7-1.66",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M12.45 4.55a1.27 1.27 0 1 1-.7 1.66c-.26-.65.05-1.39.7-1.66",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M23.58 4.57",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M31.45 12.45a1.27 1.27 0 1 1-1.66-.7c.65-.26 1.39.05 1.66.7",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M19.33 20.43c-.99 1.36-1.7 3.56-.39 4.86.89.89.22 2.35-.97 2.35-1.2 0-1.86-1.46-.98-2.35 1.3-1.3.6-3.5-.38-4.86a9 9 0 0 0-1.04-1.1c-1.37-.99-3.56-1.69-4.86-.39-.89.89-2.36.22-2.36-.97 0-1.2 1.47-1.86 2.36-.98 1.3 1.3 3.5.6 4.86-.38.23-.17.94-.82 1.1-1.04.98-1.36 1.69-3.56.38-4.86-.88-.89-.22-2.36.98-2.36s1.86 1.47.97 2.36c-1.3 1.3-.6 3.5.39 4.86.17.23.82.94 1.04 1.1 1.36.99 3.55 1.69 4.86.38.89-.88 2.35-.21 2.35.98 0 1.2-1.46 1.86-2.35.98-1.3-1.3-3.5-.6-4.86.38-.24.17-.94.82-1.1 1.04",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M24.92 11.08a1.9 1.9 0 1 1-2.7 2.7 1.9 1.9 0 0 1 2.7-2.7",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M24.92 24.92a1.9 1.9 0 1 1-2.7-2.7 1.9 1.9 0 0 1 2.7 2.7",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M11.08 24.92a1.9 1.9 0 1 1 2.69-2.7 1.9 1.9 0 0 1-2.7 2.7",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M11.08 11.08a1.9 1.9 0 1 1 2.7 2.69 1.9 1.9 0 0 1-2.7-2.69",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M66.2 2.12a.5.5 0 0 0 .49-.5.5.5 0 0 0-.49-.5.5.5 0 0 0-.49.5c0 .28.22.5.5.5",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M65.81 9.68h.77V3.06h-.77z",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M50.65 6.35c0-1.38 1.06-2.51 2.37-2.51 1.3 0 2.37 1.13 2.37 2.51v.1c-.05 1.37-1.1 2.44-2.37 2.44-1.28 0-2.37-1.14-2.37-2.54m2.37 3.32c.92 0 1.77-.42 2.37-1.15v1.16h.76V3.06h-.76V4.2a3 3 0 0 0-2.37-1.14 3.2 3.2 0 0 0-3.13 3.3c0 1.8 1.4 3.31 3.13 3.31",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M61.28 8.9c-1.28 0-2.32-1.08-2.37-2.44v-.1c0-1.4 1.06-2.52 2.37-2.52 1.3 0 2.37 1.13 2.37 2.51 0 1.39-1.06 2.54-2.37 2.54m3.13-2.55c0-1.81-1.4-3.29-3.13-3.29-.92 0-1.78.41-2.37 1.14V3.06h-.76v9h.76V8.52c.6.74 1.45 1.15 2.37 1.15 1.73 0 3.13-1.49 3.13-3.32",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M78.66 3.06c-.72 0-1.4.3-1.9.83v-.83h-.74v6.62h.74V5.76a1.95 1.95 0 0 1 1.9-1.93c1.03 0 1.9.86 1.9 1.93v3.92h.74V5.76c0-1.49-1.18-2.7-2.64-2.7",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "m85.24 8.92-.08.02q-.11.04-.37.05-.44.02-.43-.67v-4.5h.9v-.76h-.9V.84h-.78v2.22h-.9v.76h.9v4.52q0 .74.27 1.02.27.3.77.31.38 0 .62-.1l.04-.01z",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M71.35 3.83c1.12 0 2.07.82 2.3 1.97h-4.64a2.4 2.4 0 0 1 2.34-1.97m1.98 3.94a2.3 2.3 0 0 1-1.98 1.14 2.46 2.46 0 0 1-2.4-2.36h5.14c.21 0 .38-.15.38-.35v-.06c-.14-1.75-1.48-3.08-3.12-3.08a3.24 3.24 0 0 0-3.15 3.32c0 1.83 1.41 3.3 3.15 3.3 1.06 0 2.03-.56 2.6-1.5z",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M48.13 6.48s-.2-.16-.4-.25c-.22-.09-.53-.2-1.16-.36q-.13-.02-.25-.06-.64-.16-1-.43-.34-.28-.31-.61.01-.39.4-.67.46-.34 1.18-.3c.54.02.95.3 1.39.62l.04.03.55-.53-.26-.2c-.44-.3-.97-.62-1.69-.65q-.94-.04-1.6.38c-.47.32-.77.79-.77 1.28 0 .37.07.72.43 1.08.43.42 1.1.65 1.72.77.53.1 1.02.3 1.27.51.3.28.4.48.4.76q-.04.43-.5.73c-.3.23-.72.35-1.17.33a3 3 0 0 1-1.81-.78l-.05-.04-.54.51.05.05q1.09.95 2.32 1.02A2.6 2.6 0 0 0 48 9.21q.76-.54.8-1.32a1.7 1.7 0 0 0-.68-1.41",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M127.12 20.6h-1.22v-2.7h1.22v-3.84h3.1v3.83h2.15v2.71h-2.16v3.35c0 1.74.2 2.75 1.35 2.75l.56-.04v2.75c-.33.04-.96.07-1.3.07-2.4 0-3.7-1.82-3.7-4.4z",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M116.04 23.47a3.1 3.1 0 0 0 3.1 3.19 3.14 3.14 0 0 0 0-6.28c-1.71 0-3.1 1.44-3.1 3.1m-2.85-.04c0-3.02 2.33-5.9 5.97-5.9a5.84 5.84 0 0 1 5.92 5.96 5.8 5.8 0 0 1-5.99 5.99c-3.68 0-5.9-3.04-5.9-6.05",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "m98.89 18.68-1.53 1.83a3 3 0 0 0-1.82-.73c-.67 0-1.19.41-1.19.94s.3.73 1.75 1.26c2.56.92 3.35 1.7 3.35 3.49 0 2.36-1.9 4.03-4.6 4.03a5.4 5.4 0 0 1-4.18-1.86l1.6-1.92q1.28 1.32 2.6 1.33c.78 0 1.4-.53 1.4-1.24 0-.62-.26-.9-1.7-1.42-2.66-.97-3.2-1.7-3.2-3.33 0-2.18 1.73-3.57 3.93-3.57q2-.01 3.59 1.19",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M65.46 29.14V17.9h3.1v1.4a4.2 4.2 0 0 1 3.43-1.77c2.22 0 4.09 1.3 4.09 4.34v7.27h-3.1v-6.17c0-1.88-.52-2.76-2.09-2.76s-2.33 1-2.33 3.1v5.83z",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M60.17 17.9h3.1v11.23h-3.1zm-.29-3.45c0-1.03.83-1.88 1.84-1.88s1.84.85 1.84 1.88-.83 1.88-1.84 1.88a1.87 1.87 0 0 1-1.84-1.88",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "m52.22 18.68-1.53 1.83a3 3 0 0 0-1.82-.73c-.67 0-1.19.41-1.19.94s.3.73 1.75 1.26c2.56.92 3.35 1.7 3.35 3.49 0 2.36-1.9 4.03-4.6 4.03A5.4 5.4 0 0 1 44 27.64l1.6-1.92q1.28 1.32 2.6 1.33c.78 0 1.39-.53 1.39-1.24 0-.62-.25-.9-1.68-1.42-2.68-.97-3.21-1.7-3.21-3.33 0-2.18 1.72-3.57 3.92-3.57q2.02-.01 3.6 1.19",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M57.17 23.6c0 1.75.3 2.76 1.44 2.76q.2 0 .43-.05v2.75c-.34.05-.74.07-1.04.07-2.74 0-3.92-1.95-3.92-4.54V12.7h3.1z",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M104.03 19.36a4 4 0 0 1 3.43-1.83c1.58 0 2.59.6 3.33 1.53.58.76.76 1.77.76 3v7.07h-3.1v-6.17c0-2-.56-2.75-2.09-2.75q-2.34 0-2.33 3.17v5.75h-3.1V12.57h3.1z",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "m89.41 28-.03 1.78q-.08 1.21-.3 1.85c-.7 2.09-2.88 3.53-5.55 3.53-3.19 0-5.61-2.04-5.86-4.7h3.32q.49 2.03 2.6 2.02c1.63 0 2.57-.86 2.72-2.63v-1.77c-4.29 2.94-8.66-.68-8.66-4.59a5.5 5.5 0 0 1 4.98-5.64c1.46 0 2.74.25 3.68 1.47v-1.47h3.1zm-6.04-7.67a3.14 3.14 0 0 0-3.07 3.12 3.1 3.1 0 0 0 3.07 3.16 3.15 3.15 0 0 0 0-6.28",
-				fill: "var(--slingshot-text-dark)"
+				fill: "var(--logo-mark-dark)"
 			})
 		]
 	});
@@ -651,16 +677,17 @@ function SustainIcon(props) {
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		...props,
-		style: { fill: "var(--red-500)" },
+		style: { fill: LOGO_BRAND_RED },
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 			d: "M63.3 32.5c0 17.32-14.06 32.05-31.4 32.05C14.55 64.55.5 49.82.5 32.5A31.4 31.4 0 0 1 31.9 1.13 31.4 31.4 0 0 1 63.3 32.5",
-			fill: "white"
+			fill: LOGO_MARK_WHITE
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M58.8 33.3q2.7 0 5.2.53-.15 3.15-.86 6.1-2.09-.46-4.36-.48v.18a2.05 2.05 0 0 0-3.85.95 2.05 2.05 0 0 0 3.98.66q1.93 0 3.75.43a33 33 0 0 1-2.01 5.09q-.91-.15-1.87-.15a12.65 12.65 0 0 0-12.63 12.62v1.94a32 32 0 0 1-4.94 1.94q-.3-1.32-.37-2.72c.6-.36 1-1.01 1-1.77 0-1.13-.9-2.04-2.04-2.04-1.13 0-2.04.91-2.04 2.04 0 1.14.55 1.62 1.31 1.92q.12 1.54.43 3.05-2.95.71-6.1.85a25.96 25.96 0 0 1 25.4-31.12zm-53.66 0a25.96 25.96 0 0 1 25.41 31.12q-3.15-.14-6.1-.86.33-1.45.43-2.97a2.04 2.04 0 0 0 1.44-1.97c0-1.13-.91-2.04-2.05-2.04s-2.04.91-2.04 2.04c0 .7.36 1.31.89 1.7q-.09 1.42-.38 2.76a31 31 0 0 1-5.1-2.04q.12-.9.13-1.81c0-6.96-5.67-12.62-12.63-12.62H3.3a32 32 0 0 1-1.95-4.97q1.78-.39 3.63-.4a2.05 2.05 0 1 0 1.94-2.7c-1.14 0-1.41.4-1.77 1.01v-.1q-2.2.02-4.28.48-.71-2.96-.86-6.07a27 27 0 0 1 5.12-.5zm41.13 27.8c-.07.48-.1 3.35-.11.07zM5.14 48.38c5.98 0 10.87 4.86 10.87 10.86s0 .6-.05.9a32 32 0 0 1-11.7-11.71c.3 0 .58-.05.88-.05m53.67 0q.48-.01.96.05a32 32 0 0 1-11.78 11.77q-.04-.48-.05-.96c0-5.97 4.87-10.86 10.87-10.86M31.99 11.98a27.8 27.8 0 0 0 21 20.16 27.8 27.8 0 0 0-21 20.16 27.8 27.8 0 0 0-21-20.16 27.8 27.8 0 0 0 21-20.16M3.34 46.71c-.44-.06-3.5-.1-.05-.1zm28.67-23.06a8.8 8.8 0 0 1-8.77 8.77 8.8 8.8 0 0 1 8.77 8.8 8.8 8.8 0 0 1 8.78-8.8A8.8 8.8 0 0 1 32 23.65M30.68.45q.41 2.23.4 4.6A26.07 26.07 0 0 1 5.04 31.01c-4.87 0-4.52-.18-4.99-.53q.2-3.11.96-6.05 1.96.42 4.03.43c.3.73 1.04 1.23 1.9 1.23 1.13 0 2.03-.9 2.03-2.04 0-1.13-.9-2.04-2.04-2.04-1.13 0-1.43.43-1.79 1.06a17 17 0 0 1-3.63-.38 30 30 0 0 1 2.15-5.09q.75.09 1.5.1c6.96 0 12.64-5.67 12.64-12.62V3.76q2.42-1.2 5.06-2 .25 1.32.3 2.71c-.55.38-.9.99-.9 1.7 0 1.13.9 2.03 2.04 2.03a2.04 2.04 0 0 0 .63-3.98q-.06-1.49-.35-2.92c1.96-.45 4-.76 6.07-.83zm2.62 0q3.13.12 6.07.82-.29 1.47-.35 3a2 2 0 0 0-1.29 1.9c0 .85.91 2.03 2.05 2.03a2.03 2.03 0 0 0 1-3.8q.05-1.35.3-2.67 2.7.8 5.15 2.01-.08.64-.08 1.31c0 6.96 5.68 12.63 12.63 12.63h1.64a33 33 0 0 1 2.1 4.99q-1.82.37-3.71.37A2.1 2.1 0 0 0 56.99 22c-1.13 0-2.04.9-2.04 2.04a2.06 2.06 0 0 0 3.93.8q2.13 0 4.14-.45.76 2.95.96 6.07-2.51.51-5.17.53A25.96 25.96 0 0 1 33.27.44zm27.08 17.14c.41.04 3.87.08.04.08zm-44.4-12.5.03-.03c0 5.97-4.87 10.86-10.87 10.86H4.6a32.5 32.5 0 0 1 11.4-11.2zm31.99-.44a32 32 0 0 1 11.47 11.22h-.63A10.9 10.9 0 0 1 47.94 5v-.37z" })]
 	});
 }
 //#endregion
 //#region src/primitives/Logo/marks/sustain-logo.tsx
 function SustainLogo(props) {
+	const theme = require_primitives_ThemeProvider_index.useTheme();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 		width: "113",
 		height: "37",
@@ -669,105 +696,104 @@ function SustainLogo(props) {
 		xmlns: "http://www.w3.org/2000/svg",
 		...props,
 		style: {
-			"--sustain-circle-bg": "var(--background)",
-			"--sustain-primary-red": "var(--red-500)",
-			"--sustain-accent-white": "var(--foreground)",
-			"--sustain-text-dark": "var(--foreground)"
+			"--logo-brand-red": LOGO_BRAND_RED,
+			"--logo-mark-white": LOGO_MARK_WHITE,
+			"--logo-mark-dark": theme.theme === "dark" ? LOGO_MARK_WHITE : LOGO_MARK_DARK
 		},
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M35.6 18.28c0 9.74-7.9 18.03-17.66 18.03S.28 28.02.28 18.28 8.18.64 17.94.64s17.67 7.9 17.67 17.64",
-				fill: "var(--sustain-circle-bg)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M33.08 18.73q1.5 0 2.92.3a18 18 0 0 1-.48 3.43q-1.19-.26-2.45-.27v.1a1.15 1.15 0 0 0-2.17.54c0 .64.5 1.15 1.14 1.15.51 0 .94-.33 1.1-.78q1.09 0 2.1.24-.44 1.48-1.13 2.86-.52-.09-1.04-.08a7.1 7.1 0 0 0-7.1 7.1c0 3.9.02.7.08 1.04a18 18 0 0 1-2.87 1.14q-.16-.74-.21-1.53c.34-.2.57-.57.57-1 0-.63-.51-1.14-1.15-1.14s-1.15.5-1.15 1.15c0 .63.31.9.74 1.07q.06.87.24 1.72-1.66.4-3.43.48-.3-1.43-.3-2.92a14.6 14.6 0 0 1 14.59-14.58z",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M2.9 18.73a14.6 14.6 0 0 1 14.28 17.5 18 18 0 0 1-3.43-.48q.19-.8.24-1.67c.47-.14.81-.58.81-1.1 0-.64-.5-1.15-1.15-1.15-.63 0-1.14.5-1.14 1.15 0 .4.2.73.5.95q-.05.79-.22 1.55-1.49-.45-2.86-1.14.07-.51.07-1.02c0-3.92-3.2-7.1-7.1-7.1-3.92 0-.69.02-1.01.07Q1.2 24.92.75 23.42a10 10 0 0 1 2.04-.22 1.15 1.15 0 1 0 1.1-1.52c-.64 0-.8.23-1 .57v-.06q-1.24 0-2.4.27A18 18 0 0 1 0 19.04q1.41-.27 2.88-.28z",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M33.08 27.2q.26-.01.54.04A18 18 0 0 1 27 33.85q-.03-.27-.03-.53c0-3.36 2.73-6.11 6.1-6.11",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M2.9 27.2A6.1 6.1 0 0 1 9 33.33c0 3.37 0 .34-.02.5a18 18 0 0 1-6.58-6.58q.24-.02.5-.03",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M18 6.74a15.7 15.7 0 0 0 11.8 11.34A15.6 15.6 0 0 0 18 29.42 15.6 15.6 0 0 0 6.17 18.08 15.6 15.6 0 0 0 18 6.74m0 6.56a4.94 4.94 0 0 1-4.93 4.94 4.94 4.94 0 0 1 4.94 4.94 4.96 4.96 0 0 1 4.93-4.94 4.94 4.94 0 0 1-4.93-4.94",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M18.73.25q1.76.07 3.42.47a11 11 0 0 0-.2 1.68c-.43.17-.72.59-.72 1.07s.5 1.15 1.14 1.15a1.14 1.14 0 0 0 .57-2.14q.02-.77.17-1.5 1.5.44 2.9 1.13-.05.36-.05.73c0 3.92 3.2 7.1 7.1 7.1 3.92 0 .6-.02.9-.05q.72 1.36 1.2 2.86-1.02.21-2.08.21c-.2-.35-.58-.6-1.02-.6-.64 0-1.15.52-1.15 1.16s.51 1.14 1.15 1.14c.48 0 .88-.28 1.06-.69q1.2 0 2.33-.26.42 1.66.54 3.42-1.42.28-2.91.3A14.6 14.6 0 0 1 18.72.25z",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M17.26.25q.22 1.25.22 2.6c0 8.03-6.6 14.6-14.64 14.6-2.74 0-2.55-.11-2.81-.3q.1-1.77.54-3.4 1.1.23 2.27.23c.17.41.58.7 1.06.7.64 0 1.15-.51 1.15-1.15s-.51-1.15-1.15-1.15-.8.24-1 .6q-1.05 0-2.05-.21.47-1.5 1.2-2.87.43.05.86.06c3.91 0 7.1-3.19 7.1-7.1s0-.48-.04-.72q1.38-.69 2.89-1.15.14.74.17 1.53a1.14 1.14 0 0 0 .64 2.1 1.15 1.15 0 0 0 .35-2.24q-.03-.85-.2-1.65a18 18 0 0 1 3.42-.47z",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M9 2.84C9 6.2 6.27 8.95 2.9 8.95h-.32A18 18 0 0 1 9 2.65v.2z",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "M26.98 2.62a18 18 0 0 1 6.45 6.3h-.35a6.1 6.1 0 0 1-6.11-6.1V2.6z",
-				fill: "var(--sustain-primary-red)"
+				fill: "var(--logo-brand-red)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M66.27 5.17a.5.5 0 0 0 .49-.5.5.5 0 0 0-.5-.5.5.5 0 0 0-.48.5c0 .28.22.5.49.5",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M65.88 12.73h.76V6.1h-.76z",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M50.72 9.4c0-1.38 1.06-2.5 2.37-2.5 1.3 0 2.37 1.12 2.37 2.5v.1c-.05 1.37-1.1 2.44-2.37 2.44-1.28 0-2.37-1.14-2.37-2.54m2.37 3.32c.92 0 1.77-.41 2.37-1.15v1.16h.76V6.1h-.76v1.14a3 3 0 0 0-2.37-1.14 3.2 3.2 0 0 0-3.13 3.3c0 1.8 1.4 3.31 3.13 3.31",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M61.35 11.94c-1.28 0-2.32-1.07-2.37-2.43v-.1c0-1.4 1.06-2.52 2.37-2.52 1.3 0 2.37 1.13 2.37 2.51 0 1.39-1.07 2.54-2.37 2.54m3.13-2.54c0-1.81-1.4-3.29-3.13-3.29-.93 0-1.78.41-2.37 1.14V6.1h-.76v9h.76v-3.53c.6.73 1.45 1.14 2.37 1.14 1.72 0 3.13-1.49 3.13-3.32",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M78.73 6.11c-.72 0-1.4.3-1.9.84V6.1h-.74v6.62h.73V8.8a1.95 1.95 0 0 1 1.9-1.93c1.03 0 1.9.86 1.9 1.93v3.92h.75V8.8c0-1.49-1.19-2.7-2.64-2.7",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "m85.3 11.97-.07.02q-.11.04-.37.05-.44.02-.44-.67v-4.5h.9V6.1h-.9V3.89h-.78V6.1h-.9v.76h.9v4.53q0 .74.28 1.01.27.3.77.31.37 0 .61-.1l.05-.01z",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M71.42 6.88c1.11 0 2.07.83 2.3 1.97h-4.65a2.4 2.4 0 0 1 2.34-1.97m1.98 3.94a2.3 2.3 0 0 1-1.99 1.14 2.46 2.46 0 0 1-2.39-2.36h5.14c.2 0 .37-.15.37-.35v-.06c-.13-1.75-1.47-3.08-3.12-3.08a3.24 3.24 0 0 0-3.14 3.32c0 1.83 1.41 3.3 3.14 3.3 1.06 0 2.04-.56 2.61-1.5z",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M48.2 9.53s-.2-.16-.41-.25c-.22-.09-.52-.2-1.16-.35q-.12-.04-.25-.06-.63-.17-1-.44-.33-.28-.3-.61.01-.39.4-.67.45-.34 1.18-.3c.54.02.95.3 1.39.62l.04.03.55-.53-.26-.2c-.44-.3-.97-.62-1.69-.65q-.95-.04-1.6.38c-.47.32-.77.79-.77 1.28-.01.37.07.72.43 1.08.43.43 1.1.65 1.72.77.53.1 1.02.3 1.26.51.3.28.4.48.4.77q-.02.42-.48.72c-.3.23-.73.35-1.18.33a3.2 3.2 0 0 1-1.82-.78l-.04-.04-.54.51.05.05q1.09.95 2.31 1.02a2.6 2.6 0 0 0 1.64-.46q.77-.54.81-1.32a1.7 1.7 0 0 0-.68-1.41",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
 				d: "m52.1 23-1.35 1.6a2.7 2.7 0 0 0-1.62-.65c-.6 0-1.06.36-1.06.82 0 .48.26.64 1.56 1.1 2.28.8 2.98 1.48 2.98 3.04 0 2.06-1.7 3.52-4.1 3.52a4.8 4.8 0 0 1-3.72-1.62l1.42-1.68q1.15 1.15 2.32 1.16c.7 0 1.24-.46 1.24-1.08 0-.54-.22-.78-1.5-1.24-2.38-.84-2.86-1.48-2.86-2.9 0-1.9 1.54-3.12 3.5-3.12q1.8 0 3.2 1.04m2.43-.69h2.76v5.56q0 2.22 1.98 2.22 2 0 2-2.22v-5.56H64v6.02c0 2.62-1.7 4.08-4.74 4.08s-4.74-1.46-4.74-4.08zm18.8.68-1.35 1.6a2.7 2.7 0 0 0-1.62-.64c-.6 0-1.06.36-1.06.82 0 .48.26.64 1.56 1.1 2.28.8 2.98 1.48 2.98 3.04 0 2.06-1.7 3.52-4.1 3.52a4.8 4.8 0 0 1-3.72-1.62l1.42-1.68q1.15 1.15 2.32 1.16c.7 0 1.24-.46 1.24-1.08 0-.54-.22-.78-1.5-1.24-2.38-.84-2.86-1.48-2.86-2.9 0-1.9 1.54-3.12 3.5-3.12q1.8 0 3.2 1.04m2.45 1.68H74.7v-2.36h1.08v-3.34h2.76v3.34h1.92v2.36h-1.92v2.92c0 1.52.18 2.4 1.2 2.4q.28 0 .5-.04v2.4c-.3.04-.86.06-1.16.06-2.14 0-3.3-1.58-3.3-3.84zM90 27.23a2.76 2.76 0 0 0-2.74-2.76 2.7 2.7 0 0 0-2.74 2.74c0 1.52 1.2 2.74 2.74 2.74A2.8 2.8 0 0 0 90 27.23m-.3-3.66v-1.26h2.76v9.8H89.7v-1.28a3.9 3.9 0 0 1-3.2 1.58c-2.76 0-4.82-2.26-4.82-5.22 0-2.92 2.04-5.2 4.76-5.2q1.91.01 3.26 1.58m5.31-1.26h2.76v9.8h-2.76zm-.26-4.14c0-.9.74-1.64 1.64-1.64s1.64.74 1.64 1.64-.74 1.64-1.64 1.64-1.64-.74-1.64-1.64m5.58 13.94v-9.8h2.76v1.22a3.7 3.7 0 0 1 3.06-1.54c1.98 0 3.64 1.14 3.64 3.78v6.34h-2.76v-5.38c0-1.64-.46-2.4-1.86-2.4-1.38 0-2.08.86-2.08 2.7v5.08z",
-				fill: "var(--sustain-accent-white)"
+				fill: "var(--logo-mark-dark)"
 			})
 		]
 	});