@psnext/design-system 1.1.0 → 1.2.1

package/dist/{ThemeProvider.js → Logo.js}

@@ -1,427 +1,26 @@
-import { n as cn } from "./utils.js";
-import * as React from "react";
-import { CheckIcon, ChevronRightIcon, CircleIcon, CirclePlus, Loader2Icon } from "lucide-react";
-import { Avatar, DropdownMenu, Popover, Slot } from "radix-ui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-//#region src/primitives/Spinner/Spinner.tsx
-function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Loader2Icon, {
-		role: "status",
-		"aria-label": "Loading",
-		"data-slot": "spinner",
-		className: cn("size-4 animate-spin", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Button/Button.tsx
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium cursor-pointer transition-[background-color,color,border-color,box-shadow,opacity,transform] duration-150 ease-out active:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 disabled:active:scale-100 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/90",
-			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-			outline: "border bg-background text-foreground hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-			link: "text-primary underline-offset-4 hover:underline"
-		},
-		size: {
-			xs: "h-7 gap-1 px-2.5 text-xs has-[>svg]:px-2",
-			sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
-			default: "h-9 px-4 py-2 has-[>svg]:px-3",
-			lg: "h-10 px-6 has-[>svg]:px-4",
-			icon: "size-9"
-		},
-		shape: {
-			default: "rounded-full",
-			square: "rounded-md"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default",
-		shape: "default"
-	}
-});
-function Button({ className, variant, size, shape, asChild = false, loading = false, disabled, children, ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
-		"data-slot": "button",
-		"data-loading": loading || void 0,
-		className: cn(buttonVariants({
-			variant,
-			size,
-			shape,
-			className
-		})),
-		disabled: disabled || loading,
-		...props,
-		children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [loading ? /* @__PURE__ */ jsx(Spinner, {}) : null, children] })
-	});
-}
-//#endregion
-//#region src/primitives/Avatar/Avatar.tsx
-function Avatar$1({ className, size = "default", shape = "round", ...props }) {
-	return /* @__PURE__ */ jsx(Avatar.Root, {
-		"data-slot": "avatar",
-		"data-size": size,
-		"data-shape": shape,
-		className: cn("group/avatar relative flex size-10 shrink-0 overflow-hidden rounded-full select-none", "data-[size=sm]:size-8 data-[size=xs]:size-6 data-[size=xxs]:size-5", "data-[shape=roundrect]:rounded-lg", className),
-		...props
-	});
-}
-function AvatarImage({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Avatar.Image, {
-		"data-slot": "avatar-image",
-		className: cn("aspect-square size-full", className),
-		...props
-	});
-}
-function AvatarFallback({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Avatar.Fallback, {
-		"data-slot": "avatar-fallback",
-		className: cn("bg-muted flex size-full items-center justify-center rounded-full", "group-data-[shape=roundrect]/avatar:rounded-lg", "group-data-[size=sm]/avatar:text-sm group-data-[size=xs]/avatar:text-xs group-data-[size=xxs]/avatar:text-[10px]", className),
-		...props
-	});
-}
-function AvatarBadge({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "avatar-badge",
-		className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none", "group-data-[size=default]/avatar:size-3 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=sm]/avatar:size-2.5 group-data-[size=sm]/avatar:[&>svg]:size-2", "group-data-[size=xs]/avatar:size-2 group-data-[size=xs]/avatar:[&>svg]:size-1.5", "group-data-[size=xxs]/avatar:size-1.5 group-data-[size=xxs]/avatar:[&>svg]:size-1", className),
-		...props
-	});
-}
-function AvatarGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "avatar-group",
-		className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className),
-		...props
-	});
-}
-function AvatarGroupCount({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "avatar-group-count",
-		className: cn("relative flex size-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=sm]/avatar-group:size-8 [&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-4", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Card/Card.tsx
-const cardVariants = cva("flex flex-col gap-6 rounded-xl border text-card-foreground", {
-	variants: {
-		variant: {
-			default: "bg-card",
-			glass: "border-transparent backdrop-blur-[var(--glass-blur)]"
-		},
-		tint: {
-			subtle: "",
-			light: "",
-			medium: "",
-			heavy: ""
-		}
-	},
-	compoundVariants: [
-		{
-			variant: "glass",
-			tint: "subtle",
-			class: "bg-[var(--glass-subtle)]"
-		},
-		{
-			variant: "glass",
-			tint: "light",
-			class: "bg-[var(--glass-light)]"
-		},
-		{
-			variant: "glass",
-			tint: "medium",
-			class: "bg-[var(--glass-medium)]"
-		},
-		{
-			variant: "glass",
-			tint: "heavy",
-			class: "bg-[var(--glass-heavy)]"
-		}
-	],
-	defaultVariants: {
-		variant: "default",
-		tint: "light"
-	}
-});
-function Card({ className, variant, tint, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card",
-		"data-variant": variant ?? "default",
-		className: cn(cardVariants({
-			variant,
-			tint
-		}), className),
-		...props
-	});
-}
-function CardHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-header",
-		className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 pt-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
-		...props
-	});
-}
-function CardTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("h4", {
-		"data-slot": "card-title",
-		className: cn("leading-none", className),
-		...props
-	});
-}
-function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		"data-slot": "card-description",
-		className: cn("text-muted-foreground", className),
-		...props
-	});
-}
-function CardAction({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-action",
-		className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
-		...props
-	});
-}
-function CardContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-content",
-		className: cn("px-6 [&:last-child]:pb-6", className),
-		...props
-	});
-}
-function CardFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-footer",
-		className: cn("flex items-center px-6 pb-6 [.border-t]:pt-6", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Credits/Credits.tsx
-const creditsVariants = cva("inline-flex w-fit items-center gap-1 rounded-full px-2.5 py-0.5 text-sm font-medium tabular-nums whitespace-nowrap [&>svg]:size-3.5 [&>svg]:shrink-0", {
-	variants: { variant: {
-		default: "bg-muted text-foreground [&>svg]:text-muted-foreground",
-		warning: "bg-[var(--bg-warning-subtle)] text-[var(--content-warning-bold)]",
-		critical: "bg-[var(--bg-error-subtle)] text-[var(--content-error-bold)]"
-	} },
-	defaultVariants: { variant: "default" }
-});
-/** Escalate the variant as the balance drops. */
-function resolveVariant(value, lowThreshold) {
-	if (value <= 0) return "critical";
-	if (value <= lowThreshold) return "warning";
-	return "default";
-}
-/** Whole-number, thousands-separated (e.g. 9995.79 → "9,995"). */
-function formatCredits(value) {
-	return Math.floor(value).toLocaleString();
-}
-function Credits({ className, value, variant, lowThreshold = 200, icon, format = formatCredits, ...props }) {
-	const resolved = variant ?? resolveVariant(value, lowThreshold);
-	return /* @__PURE__ */ jsxs("span", {
-		"data-slot": "credits",
-		"data-variant": resolved,
-		className: cn(creditsVariants({ variant: resolved }), className),
-		...props,
-		children: [icon ?? /* @__PURE__ */ jsx(CirclePlus, { "aria-hidden": "true" }), format(value)]
-	});
-}
-//#endregion
-//#region src/primitives/DropdownMenu/DropdownMenu.tsx
-function DropdownMenu$1({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Root, {
-		"data-slot": "dropdown-menu",
-		...props
-	});
-}
-function DropdownMenuPortal({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		...props
-	});
-}
-function DropdownMenuTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		...props
-	});
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.Content, {
-		"data-slot": "dropdown-menu-content",
-		sideOffset,
-		className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className),
-		...props
-	}) });
-}
-function DropdownMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Group, {
-		"data-slot": "dropdown-menu-group",
-		...props
-	});
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Item, {
-		"data-slot": "dropdown-menu-item",
-		"data-inset": inset,
-		"data-variant": variant,
-		className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className),
-		...props
-	});
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenu.CheckboxItem, {
-		"data-slot": "dropdown-menu-checkbox-item",
-		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		checked,
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), children]
-	});
-}
-function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenu.RadioItem, {
-		"data-slot": "dropdown-menu-radio-item",
-		className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) })
-		}), children]
-	});
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Label, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
-		...props
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Separator, {
-		"data-slot": "dropdown-menu-separator",
-		className: cn("-mx-1 my-1 h-px bg-border", className),
-		...props
-	});
-}
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "dropdown-menu-shortcut",
-		className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
-		...props
-	});
-}
-function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.Sub, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-	return /* @__PURE__ */ jsxs(DropdownMenu.SubTrigger, {
-		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": inset,
-		className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })]
-	});
-}
-function DropdownMenuSubContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenu.SubContent, {
-		"data-slot": "dropdown-menu-sub-content",
-		className: cn("z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Heading/Heading.tsx
-const headingVariants = cva("font-heading text-balance", {
-	variants: {
-		size: {
-			"1": "text-[length:var(--heading-1-font-size)] leading-[var(--heading-1-line-height)] font-normal",
-			"2": "text-[length:var(--heading-2-font-size)] leading-[var(--heading-2-line-height)] font-normal",
-			"3": "text-[length:var(--heading-3-font-size)] leading-[var(--heading-3-line-height)] font-normal",
-			"4": "text-[length:var(--heading-4-font-size)] leading-[var(--heading-4-line-height)] font-normal",
-			"5": "text-[length:var(--heading-5-font-size)] leading-[var(--heading-5-line-height)] font-medium",
-			"6": "text-[length:var(--heading-6-font-size)] leading-[var(--heading-6-line-height)] font-medium",
-			"7": "text-[length:var(--heading-7-font-size)] leading-[var(--heading-7-line-height)] font-medium"
-		},
-		weight: {
-			normal: "font-normal",
-			medium: "font-medium",
-			semibold: "font-semibold"
-		},
-		align: {
-			left: "text-left",
-			center: "text-center",
-			right: "text-right"
-		},
-		gradient: {
-			true: "bg-gradient-to-r from-[var(--gradient-heading-from)] to-[var(--gradient-heading-to)] bg-clip-text text-transparent",
-			false: "text-foreground"
-		}
-	},
-	defaultVariants: {
-		size: "2",
-		gradient: false
-	}
-});
-function Heading({ as, className, size, weight, align, gradient, ...props }) {
-	return /* @__PURE__ */ jsx(as ?? "h2", {
-		"data-slot": "heading",
-		className: cn(headingVariants({
-			size,
-			weight,
-			align,
-			gradient
-		}), className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Input/Input.tsx
-const inputVariants = cva(cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input bg-input-background flex w-full min-w-0 border transition-[color,box-shadow] outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"), {
-	variants: {
-		size: {
-			xs: "h-6 px-2 py-0.5 text-xs file:h-5 file:text-xs",
-			sm: "h-8 px-2.5 py-1 text-sm file:h-6 file:text-xs",
-			default: "h-9 px-3 py-1 text-base md:text-sm file:h-7 file:text-sm",
-			lg: "h-10 px-4 py-2 text-base file:h-8 file:text-sm"
-		},
-		shape: {
-			default: "rounded-md",
-			round: "rounded-full"
-		}
-	},
-	defaultVariants: {
-		size: "default",
-		shape: "default"
-	}
-});
-function Input({ className, type, size, shape, ...props }) {
-	return /* @__PURE__ */ jsx("input", {
-		type,
-		"data-slot": "input",
-		className: cn(inputVariants({
-			size,
-			shape
-		}), className),
-		...props
-	});
-}
+import { useTheme } from "./primitives/ThemeProvider/index.js";
+import { jsx, jsxs } from "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) {
@@ -432,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__ */ 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__ */ 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__ */ 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" }),
@@ -467,6 +66,7 @@ function BodhiIcon(props) {
 //#endregion
 //#region src/primitives/Logo/marks/bodhi-logo.tsx
 function BodhiLogo(props) {
+	const theme = useTheme();
 	return /* @__PURE__ */ jsxs("svg", {
 		width: "101",
 		height: "37",
@@ -475,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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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)"
 			})
 		]
 	});
@@ -634,6 +234,7 @@ function BodhiLogo(props) {
 //#endregion
 //#region src/primitives/Logo/marks/psai-logo.tsx
 function PSAILogo(props) {
+	const theme = useTheme();
 	return /* @__PURE__ */ jsxs("svg", {
 		width: "151",
 		height: "38",
@@ -642,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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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)"
 			})
 		]
 	});
@@ -794,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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M8.1 41.87",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ 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__ */ 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__ */ jsx("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M41.92 8.12",
-				fill: "white"
+				fill: LOGO_MARK_WHITE
 			}),
 			/* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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
 			})
 		]
 	});
@@ -881,6 +482,7 @@ function SlingshotIcon(props) {
 //#endregion
 //#region src/primitives/Logo/marks/slingshot-logo.tsx
 function SlingshotLogo(props) {
+	const theme = useTheme();
 	return /* @__PURE__ */ jsxs("svg", {
 		width: "133",
 		height: "36",
@@ -889,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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M4.55 23.55",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ 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__ */ 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__ */ jsx("path", {
 				"fill-rule": "evenodd",
 				"clip-rule": "evenodd",
 				d: "M23.58 4.57",
-				fill: "var(--slingshot-accent-white)"
+				fill: "var(--logo-mark-white)"
 			}),
 			/* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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)"
 			})
 		]
 	});
@@ -1075,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__ */ 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__ */ 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 = useTheme();
 	return /* @__PURE__ */ jsxs("svg", {
 		width: "113",
 		height: "37",
@@ -1093,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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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)"
 			})
 		]
 	});
@@ -1216,6 +818,7 @@ const MARKS = {
 		icon: PSAILogo
 	}
 };
+/** Renders a product's brand mark (wordmark or compact icon) as an inline SVG. */
 function Logo({ brand, variant = "logo", ...props }) {
 	const Mark = MARKS[brand][variant];
 	return /* @__PURE__ */ jsx(Mark, {
@@ -1226,283 +829,6 @@ function Logo({ brand, variant = "logo", ...props }) {
 	});
 }
 //#endregion
-//#region src/primitives/Popover/Popover.tsx
-function Popover$1({ ...props }) {
-	return /* @__PURE__ */ jsx(Popover.Root, {
-		"data-slot": "popover",
-		...props
-	});
-}
-function PopoverTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(Popover.Trigger, {
-		"data-slot": "popover-trigger",
-		...props
-	});
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Content, {
-		"data-slot": "popover-content",
-		align,
-		sideOffset,
-		className: cn("z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-card p-4 text-card-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className),
-		...props
-	}) });
-}
-function PopoverAnchor({ ...props }) {
-	return /* @__PURE__ */ jsx(Popover.Anchor, {
-		"data-slot": "popover-anchor",
-		...props
-	});
-}
-function PopoverHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "popover-header",
-		className: cn("flex flex-col gap-1 text-sm", className),
-		...props
-	});
-}
-function PopoverTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "popover-title",
-		className: cn("font-medium", className),
-		...props
-	});
-}
-function PopoverDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		"data-slot": "popover-description",
-		className: cn("text-muted-foreground", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Skeleton/Skeleton.tsx
-function Skeleton({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "skeleton",
-		className: cn("skeleton-shimmer rounded-md", className),
-		...props
-	});
-}
-function SkeletonAvatar({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Skeleton, {
-		"data-slot": "skeleton-avatar",
-		className: cn("size-10 rounded-full", className),
-		...props
-	});
-}
-function SkeletonLine({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Skeleton, {
-		"data-slot": "skeleton-line",
-		className: cn("h-4 w-full rounded-full", className),
-		...props
-	});
-}
-function SkeletonObject({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Skeleton, {
-		"data-slot": "skeleton-object",
-		className: cn("h-24 w-full rounded-md", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Table/Table.tsx
-function Table({ className, striped = false, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "table-container",
-		className: "relative w-full overflow-x-auto",
-		children: /* @__PURE__ */ jsx("table", {
-			"data-slot": "table",
-			"data-striped": striped || void 0,
-			className: cn("w-full caption-bottom text-sm", striped && "[&_tbody_tr:nth-child(even)]:bg-muted/50", className),
-			...props
-		})
-	});
-}
-function TableHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("thead", {
-		"data-slot": "table-header",
-		className: cn("[&_tr]:border-b", className),
-		...props
-	});
-}
-function TableBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tbody", {
-		"data-slot": "table-body",
-		className: cn("[&_tr:last-child]:border-0", className),
-		...props
-	});
-}
-function TableFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tfoot", {
-		"data-slot": "table-footer",
-		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
-		...props
-	});
-}
-function TableRow({ className, ...props }) {
-	return /* @__PURE__ */ jsx("tr", {
-		"data-slot": "table-row",
-		className: cn("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
-		...props
-	});
-}
-function TableHead({ className, ...props }) {
-	return /* @__PURE__ */ jsx("th", {
-		"data-slot": "table-head",
-		className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-		...props
-	});
-}
-function TableCell({ className, ...props }) {
-	return /* @__PURE__ */ jsx("td", {
-		"data-slot": "table-cell",
-		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
-		...props
-	});
-}
-function TableCaption({ className, ...props }) {
-	return /* @__PURE__ */ jsx("caption", {
-		"data-slot": "table-caption",
-		className: cn("mt-4 text-sm text-muted-foreground", className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/Text/Text.tsx
-const textVariants = cva("", {
-	variants: {
-		size: {
-			large: "text-[length:var(--paragraph-large-font-size)] leading-[var(--paragraph-large-line-height)]",
-			regular: "text-[length:var(--paragraph-regular-font-size)] leading-[var(--paragraph-regular-line-height)]",
-			small: "text-[length:var(--paragraph-small-font-size)] leading-[var(--paragraph-small-line-height)]",
-			mini: "text-[length:var(--paragraph-mini-font-size)] leading-[var(--paragraph-mini-line-height)]",
-			caption: "text-[length:var(--caption-font-size)] leading-[var(--caption-line-height)] tracking-[var(--caption-letter-spacing)] uppercase"
-		},
-		weight: {
-			normal: "font-normal",
-			medium: "font-medium",
-			semibold: "font-semibold"
-		},
-		variant: {
-			default: "text-foreground",
-			muted: "text-muted-foreground",
-			primary: "text-primary",
-			destructive: "text-destructive",
-			success: "text-[var(--content-success)]"
-		},
-		font: {
-			body: "font-sans",
-			heading: "font-heading",
-			mono: "font-mono"
-		},
-		align: {
-			left: "text-left",
-			center: "text-center",
-			right: "text-right"
-		},
-		truncate: { true: "truncate" }
-	},
-	defaultVariants: {
-		size: "regular",
-		weight: "normal",
-		variant: "default",
-		font: "body"
-	}
-});
-function Text({ as, className, size, weight, variant, font, align, truncate, ...props }) {
-	return /* @__PURE__ */ jsx(as ?? "p", {
-		"data-slot": "text",
-		className: cn(textVariants({
-			size,
-			weight,
-			variant,
-			font,
-			align,
-			truncate
-		}), className),
-		...props
-	});
-}
-//#endregion
-//#region src/primitives/ThemeProvider/ThemeProvider.tsx
-const PRODUCTS = [
-	"slingshot",
-	"sustain",
-	"bodhi",
-	"psai"
-];
-const ThemeContext = React.createContext(null);
-const DEFAULT_STORAGE_KEY = "ds-theme-preferences";
-function readStored(storageKey) {
-	try {
-		const raw = localStorage.getItem(storageKey);
-		if (!raw) return {};
-		const parsed = JSON.parse(raw);
-		return {
-			theme: parsed.theme === "dark" || parsed.theme === "light" ? parsed.theme : void 0,
-			product: PRODUCTS.includes(parsed.product) ? parsed.product : void 0
-		};
-	} catch {
-		return {};
-	}
-}
-function prefersDark() {
-	try {
-		return window.matchMedia("(prefers-color-scheme: dark)").matches;
-	} catch {
-		return false;
-	}
-}
-function applyToDocument({ theme, product }) {
-	const root = document.documentElement;
-	root.classList.toggle("dark", theme === "dark");
-	for (const p of PRODUCTS) root.classList.toggle(`theme-${p}`, p === product);
-}
-function ThemeProvider({ children, defaultTheme = "light", defaultProduct = "slingshot", storageKey = DEFAULT_STORAGE_KEY }) {
-	const [prefs, setPrefs] = React.useState(() => {
-		if (typeof window === "undefined") return {
-			theme: defaultTheme,
-			product: defaultProduct
-		};
-		const stored = readStored(storageKey);
-		return {
-			theme: stored.theme ?? (prefersDark() ? "dark" : defaultTheme),
-			product: stored.product ?? defaultProduct
-		};
-	});
-	React.useEffect(() => {
-		applyToDocument(prefs);
-		try {
-			localStorage.setItem(storageKey, JSON.stringify(prefs));
-		} catch {}
-	}, [prefs, storageKey]);
-	const value = React.useMemo(() => ({
-		...prefs,
-		setTheme: (theme) => setPrefs((p) => ({
-			...p,
-			theme
-		})),
-		toggleTheme: () => setPrefs((p) => ({
-			...p,
-			theme: p.theme === "dark" ? "light" : "dark"
-		})),
-		setProduct: (product) => setPrefs((p) => ({
-			...p,
-			product
-		}))
-	}), [prefs]);
-	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-		value,
-		children
-	});
-}
-function useTheme() {
-	const ctx = React.useContext(ThemeContext);
-	if (!ctx) throw new Error("useTheme must be used within a <ThemeProvider>.");
-	return ctx;
-}
-//#endregion
-export { CardTitle as $, DropdownMenu$1 as A, DropdownMenuShortcut as B, PopoverTitle as C, inputVariants as D, Input as E, DropdownMenuLabel as F, Credits as G, DropdownMenuSubContent as H, DropdownMenuPortal as I, CardAction as J, creditsVariants as K, DropdownMenuRadioGroup as L, DropdownMenuContent as M, DropdownMenuGroup as N, Heading as O, DropdownMenuItem as P, CardHeader as Q, DropdownMenuRadioItem as R, PopoverHeader as S, Logo as T, DropdownMenuSubTrigger as U, DropdownMenuSub as V, DropdownMenuTrigger as W, CardDescription as X, CardContent as Y, CardFooter as Z, SkeletonObject as _, textVariants as a, AvatarGroupCount as at, PopoverContent as b, TableCaption as c, buttonVariants as ct, TableHead as d, cardVariants as et, TableHeader as f, SkeletonLine as g, SkeletonAvatar as h, Text as i, AvatarGroup as it, DropdownMenuCheckboxItem as j, headingVariants as k, TableCell as l, Spinner as lt, Skeleton as m, ThemeProvider as n, AvatarBadge as nt, Table as o, AvatarImage as ot, TableRow as p, Card as q, useTheme as r, AvatarFallback as rt, TableBody as s, Button as st, ThemeContext as t, Avatar$1 as tt, TableFooter as u, Popover$1 as v, PopoverTrigger as w, PopoverDescription as x, PopoverAnchor as y, DropdownMenuSeparator as z };
+export { Logo as t };
 
-//# sourceMappingURL=ThemeProvider.js.map
+//# sourceMappingURL=Logo.js.map