@evinvest/uikit 0.10.0 → 0.11.0

package/dist/index.js

@@ -4,6 +4,9 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
+  if (inputs.length === 2 && typeof inputs[0] === "string" && !inputs[1]) {
+    return inputs[0];
+  }
   return twMerge(clsx(inputs));
 }
 
@@ -330,11 +333,11 @@ import "react";
 // src/generated/alert.ts
 var ALERT_BASE = "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current";
 var alertVariants = {
-  "default": "bg-card text-card-foreground",
-  "destructive": "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+  "default": "bg-card text-ink",
+  "destructive": "text-accent-error bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-accent-error/90"
 };
 var ALERT_TITLE = "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight";
-var ALERT_DESCRIPTION = "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed";
+var ALERT_DESCRIPTION = "text-ink-soft col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed";
 
 // src/components/alert.tsx
 import { jsx } from "react/jsx-runtime";
@@ -431,13 +434,13 @@ function AvatarFallback({
 import "react";
 
 // src/generated/badge.ts
-var BADGE_BASE = "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive";
+var BADGE_BASE = "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1 overflow-hidden [&>svg]:size-3 [&>svg]:pointer-events-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
 var badgeVariants = {
-  "default": "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-  "secondary": "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-  "destructive": "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20",
-  "outline": "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-  "success": "border-transparent bg-main-accent-t2/20 text-main-accent-t2"
+  "default": "border-transparent bg-primary text-on-primary [a&]:hover:bg-primary/90",
+  "secondary": "border-transparent bg-secondary text-on-secondary [a&]:hover:bg-secondary/90",
+  "destructive": "border-transparent bg-accent-error text-on-accent-error [a&]:hover:bg-accent-error/90 focus-visible:ring-accent-error/20",
+  "outline": "text-ink [a&]:hover:bg-hover [a&]:hover:text-ink",
+  "success": "border-transparent bg-positive/20 text-positive"
 };
 
 // src/components/badge.tsx
@@ -463,10 +466,10 @@ function Badge({
 import "react";
 
 // src/generated/breadcrumb.ts
-var BREADCRUMB_LIST = "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5";
+var BREADCRUMB_LIST = "text-ink-soft flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5";
 var BREADCRUMB_ITEM = "inline-flex items-center gap-1.5";
-var BREADCRUMB_LINK = "hover:text-foreground transition-colors";
-var BREADCRUMB_PAGE = "text-foreground font-normal";
+var BREADCRUMB_LINK = "hover:text-ink transition-colors";
+var BREADCRUMB_PAGE = "text-ink font-normal";
 var BREADCRUMB_SEPARATOR = "[&>svg]:size-3.5";
 var BREADCRUMB_ELLIPSIS = "flex size-9 items-center justify-center";
 
@@ -587,22 +590,26 @@ function BreadcrumbEllipsis({
 import "react";
 
 // src/generated/button.ts
-var BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_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 aria-invalid:border-destructive";
+var BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_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-accent-error/20 aria-invalid:border-accent-error";
 var buttonVariantClasses = {
-  "default": "bg-primary text-primary-foreground hover:bg-primary/90",
-  "secondary": "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-  "outline": "border bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
-  "ghost": "hover:bg-accent hover:text-accent-foreground",
-  "destructive": "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20",
+  "default": "bg-primary text-on-primary hover:bg-primary/90",
+  "secondary": "bg-secondary text-on-secondary hover:bg-secondary/80",
+  "outline": "border bg-transparent shadow-xs hover:bg-hover hover:text-ink",
+  "ghost": "hover:bg-hover hover:text-ink",
+  "destructive": "bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20",
   "link": "text-primary underline-offset-4 hover:underline"
 };
 var buttonSizeClasses = {
-  "default": "h-9 px-4 py-2 has-[>svg]:px-3",
-  "sm": "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-  "lg": "h-10 rounded-md px-6 has-[>svg]:px-4",
+  "default": "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3",
+  "xs": "h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5",
+  "sm": "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+  "lg": "h-10 px-6 has-[>svg]:px-4",
+  "xl": "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]",
   "icon": "h-9 aspect-square px-0",
+  "icon-xs": "h-7 aspect-square px-0",
   "icon-sm": "h-8 aspect-square px-0",
-  "icon-lg": "h-10 aspect-square px-0"
+  "icon-lg": "h-10 aspect-square px-0",
+  "icon-xl": "aspect-square p-[var(--control-py)]"
 };
 
 // src/components/button.tsx
@@ -619,13 +626,15 @@ function Button({
   variant = "default",
   size = "default",
   asChild = false,
+  href,
   ...props
 }) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? Slot : href !== void 0 ? "a" : "button";
   return /* @__PURE__ */ jsx5(
     Comp,
     {
       "data-slot": "button",
+      href,
       className: cn(buttonVariants({ variant, size }), className),
       ...props
     }
@@ -696,10 +705,10 @@ function ButtonGroupSeparator({
 import "react";
 
 // src/generated/card.ts
-var CARD = "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm";
+var CARD = "bg-card text-ink flex flex-col gap-6 rounded-xl border py-6 shadow-sm";
 var CARD_HEADER = "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6";
 var CARD_TITLE = "leading-none font-semibold";
-var CARD_DESCRIPTION = "text-muted-foreground text-sm";
+var CARD_DESCRIPTION = "text-ink-soft text-sm";
 var CARD_ACTION = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";
 var CARD_CONTENT = "px-6";
 var CARD_FOOTER = "flex items-center px-6 [.border-t]:pt-6";
@@ -792,10 +801,10 @@ var EMPTY_HEADER = "flex max-w-sm flex-col items-center gap-2 text-center";
 var EMPTY_MEDIA_BASE = "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0";
 var emptyMediaVariants = {
   "default": "bg-transparent",
-  "icon": "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+  "icon": "bg-muted text-ink flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
 };
 var EMPTY_TITLE = "text-lg font-medium tracking-tight";
-var EMPTY_DESCRIPTION = "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4";
+var EMPTY_DESCRIPTION = "text-ink-soft [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4";
 var EMPTY_CONTENT = "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance";
 
 // src/components/empty.tsx
@@ -887,7 +896,7 @@ function Label({ className, ...props }) {
 }
 
 // src/generated/field.ts
-var FIELD_BASE = "group/field flex w-full gap-3 data-[invalid=true]:text-destructive";
+var FIELD_BASE = "group/field flex w-full gap-3 data-[invalid=true]:text-accent-error";
 var fieldOrientation = {
   "vertical": "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
   "horizontal": "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
@@ -899,11 +908,11 @@ var FIELD_GROUP = "group/field-group @container/field-group flex w-full flex-col
 var FIELD_CONTENT = "group/field-content flex flex-1 flex-col gap-1.5 leading-snug";
 var FIELD_LABEL = "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4 has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary";
 var FIELD_TITLE = "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50";
-var FIELD_DESCRIPTION = "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5 [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4";
+var FIELD_DESCRIPTION = "text-ink-soft text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5 [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4";
 var FIELD_SEPARATOR = "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2";
 var FIELD_SEPARATOR_LINE = "absolute inset-0 top-1/2 shrink-0 bg-border h-px w-full";
-var FIELD_SEPARATOR_CONTENT = "bg-background text-muted-foreground relative mx-auto block w-fit px-2";
-var FIELD_ERROR = "text-destructive text-sm font-normal";
+var FIELD_SEPARATOR_CONTENT = "bg-background text-ink-soft relative mx-auto block w-fit px-2";
+var FIELD_ERROR = "text-accent-error text-sm font-normal";
 
 // src/components/field.tsx
 import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -1062,7 +1071,7 @@ function FieldError({
 // src/components/section-descriptor.tsx
 import "react";
 import { Fragment, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
-var SECTION_DESCRIPTOR = "flex flex-col gap-2 rounded-lg border bg-accent p-4 text-left";
+var SECTION_DESCRIPTOR = "flex flex-col gap-2 rounded-lg border bg-hover p-4 text-left";
 function InfoGlyph({ className }) {
   return /* @__PURE__ */ jsxs3(
     "svg",
@@ -1093,7 +1102,7 @@ function SectionDescriptor({
   ...props
 }) {
   const titleContent = /* @__PURE__ */ jsxs3(Fragment, { children: [
-    icon && /* @__PURE__ */ jsx11(InfoGlyph, { className: "text-main-accent-t1" }),
+    icon && /* @__PURE__ */ jsx11(InfoGlyph, { className: "text-accent-debug" }),
     /* @__PURE__ */ jsx11("span", { children: title })
   ] });
   if (collapsible) {
@@ -1144,7 +1153,7 @@ function SectionDescriptor({
 }
 
 // src/components/footer.tsx
-import * as React24 from "react";
+import * as React23 from "react";
 
 // src/components/container.tsx
 import "react";
@@ -1165,73 +1174,23 @@ function Container({ className, ...props }) {
   );
 }
 
-// src/components/logo.tsx
-import "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var LOGO_DATA_URI = "data:image/svg+xml,%3Csvg width=%22387%22 height=%22335%22 viewBox=%220 0 387 335%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M0.120605 130.841L140.84 112.176V61.7481L156.149 65.3501V104.786L163.641 103.662V66.6599L178.625 69.607V102.353L185.791 101.043V61.0932L156.475 48.3224L119.992 60.4383V101.043L0.120605 130.841Z%22 fill=%22black%22/%3E%3Cpath d=%22M213.479 112.176L237.584 114.469L237.258 0.841309L202.078 19.8338V72.8816L213.479 78.1209V112.176Z%22 fill=%22black%22/%3E%3Cpath d=%22M240.841 0.841309L276.347 20.1612V117.743L260.711 115.778V26.3829L240.841 15.9043V0.841309Z%22 fill=%22black%22/%3E%3Cpath d=%22M284.816 118.725L386.121 127.239L304.36 109.884V74.1914L284.816 63.7128V118.725Z%22 fill=%22black%22/%3E%3Cpath d=%22M0.120605 130.841L140.84 112.176V61.7481L156.149 65.3501V104.786L163.641 103.662V66.6599L178.625 69.607V102.353L185.791 101.043V61.0932L156.475 48.3224L119.992 60.4383V101.043L0.120605 130.841Z%22 stroke=%22black%22/%3E%3Cpath d=%22M213.479 112.176L237.584 114.469L237.258 0.841309L202.078 19.8338V72.8816L213.479 78.1209V112.176Z%22 stroke=%22black%22/%3E%3Cpath d=%22M240.841 0.841309L276.347 20.1612V117.743L260.711 115.778V26.3829L240.841 15.9043V0.841309Z%22 stroke=%22black%22/%3E%3Cpath d=%22M284.816 118.725L386.121 127.239L304.36 109.884V74.1914L284.816 63.7128V118.725Z%22 stroke=%22black%22/%3E%3Cpath d=%22M25.1206 333.987H31.6206V306.987H25.1206V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M92.6206 333.987H100.121L110.621 307.487H104.621L96.6206 325.987L88.6206 307.487H81.6206L92.6206 333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M44.6206 333.987H51.6206V318.987L65.1206 333.987H71.6206V307.487H65.1206V322.987L50.6206 307.487H44.6206V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M120.621 333.987H142.121V329.487H127.621V322.987H140.121V318.487H127.621V312.487H142.121V307.487H120.621V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M152.121 331.987L153.621 327.987C165.659 329.418 167.304 330.676 168.121 326.487C168.937 322.297 152.785 322.989 152.621 313.987C152.456 304.984 165.853 306.198 174.121 308.487L173.121 312.487C162.364 310.724 159.121 310.487 159.121 313.987C159.121 317.487 175.621 318.748 175.621 326.487C175.621 334.225 167.278 335.691 152.121 331.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M192.621 333.987H199.621V312.487H208.621V307.487H183.621V312.487H192.621V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M219.121 333.987H225.121V318.987L233.621 329.987H237.621L245.121 318.987V333.987L252.121 333.987V307.487H245.121L235.621 322.487L225.121 307.487H219.121V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M265.121 333.987H286.621V329.487H272.121V322.987H284.621V318.487H272.121V312.487H286.621V307.487H265.121V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M298.621 333.987H305.621V318.987L319.121 333.987H325.621V307.487H319.121V322.987L304.621 307.487H298.621V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M345.121 333.987H352.121V312.487H361.121V307.487H336.121V312.487H345.121V333.987Z%22 fill=%22black%22/%3E%3Cpath d=%22M25.1206 333.987H31.6206V306.987H25.1206V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M92.6206 333.987H100.121L110.621 307.487H104.621L96.6206 325.987L88.6206 307.487H81.6206L92.6206 333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M44.6206 333.987H51.6206V318.987L65.1206 333.987H71.6206V307.487H65.1206V322.987L50.6206 307.487H44.6206V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M120.621 333.987H142.121V329.487H127.621V322.987H140.121V318.487H127.621V312.487H142.121V307.487H120.621V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M152.121 331.987L153.621 327.987C165.659 329.418 167.304 330.676 168.121 326.487C168.937 322.297 152.785 322.989 152.621 313.987C152.456 304.984 165.853 306.198 174.121 308.487L173.121 312.487C162.364 310.724 159.121 310.487 159.121 313.987C159.121 317.487 175.621 318.748 175.621 326.487C175.621 334.225 167.278 335.691 152.121 331.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M192.621 333.987H199.621V312.487H208.621V307.487H183.621V312.487H192.621V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M219.121 333.987H225.121V318.987L233.621 329.987H237.621L245.121 318.987V333.987L252.121 333.987V307.487H245.121L235.621 322.487L225.121 307.487H219.121V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M265.121 333.987H286.621V329.487H272.121V322.987H284.621V318.487H272.121V312.487H286.621V307.487H265.121V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M298.621 333.987H305.621V318.987L319.121 333.987H325.621V307.487H319.121V322.987L304.621 307.487H298.621V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M345.121 333.987H352.121V312.487H361.121V307.487H336.121V312.487H345.121V333.987Z%22 stroke=%22black%22/%3E%3Cpath d=%22M232.621 276.02L166.121 145.841H204.905L255.905 246.341L306.905 145.841H345.905L279.405 276.02H232.621Z%22 fill=%22black%22 stroke=%22black%22/%3E%3Cpath d=%22M41.1206 276.02H208.336L195.73 251.341H74.8362V220.341H179.894L168.144 197.341H74.8362V170.841L154.352 170.341L141.836 145.841H41.1206V276.02Z%22 fill=%22black%22 stroke=%22black%22/%3E%3C/svg%3E";
-var LOGO_BG = "oklch(0.256 0.1 260)";
-function Logo({ className, withBackground = false, src }) {
-  const maskUrl = `url("${src ?? LOGO_DATA_URI}")`;
-  const maskStyle = {
-    backgroundColor: "currentColor",
-    maskImage: maskUrl,
-    WebkitMaskImage: maskUrl,
-    maskRepeat: "no-repeat",
-    WebkitMaskRepeat: "no-repeat",
-    maskPosition: "center",
-    WebkitMaskPosition: "center",
-    maskSize: "contain",
-    WebkitMaskSize: "contain"
-  };
-  const mark = /* @__PURE__ */ jsx13(
-    "span",
-    {
-      "data-slot": "logo",
-      role: "img",
-      "aria-label": "EV Investment",
-      style: maskStyle,
-      className: cn("inline-block", withBackground ? "w-3/5 h-3/5" : className)
-    }
-  );
-  if (!withBackground) return mark;
-  return /* @__PURE__ */ jsx13(
-    "span",
-    {
-      "data-slot": "logo-background",
-      className: cn("inline-flex items-center justify-center", className),
-      style: { backgroundColor: LOGO_BG },
-      children: mark
-    }
-  );
-}
-
 // src/components/footer.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
-var DEFAULT_DESCRIPTION = "EV Investment is a registered real estate advisory and investment management fund specializing in premium coastal developments in Quy Nhon, Binh Dinh province, Vietnam.";
-var DEFAULT_OFFICES = [
-  {
-    name: "Quy Nhon Head Office",
-    address: "102 An Duong Vuong St, Nguyen Van Cu Ward, Quy Nhon City, Vietnam"
-  },
-  {
-    name: "Ho Chi Minh Representative",
-    address: "Deutsches Haus, 33 Le Duan Blvd, District 1, Ho Chi Minh City, Vietnam"
-  }
-];
-var DEFAULT_LEGAL_LINKS = [
-  { label: "Privacy Policy", href: "#hero" },
-  { label: "Terms of Service", href: "#hero" }
-];
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
 function Footer({
+  brand,
+  description,
+  copyright,
   nav,
-  description = DEFAULT_DESCRIPTION,
-  offices = DEFAULT_OFFICES,
-  legalLinks = DEFAULT_LEGAL_LINKS,
+  mark,
+  tagline,
+  offices = [],
+  officesHeading = "Offices",
+  legalLinks = [],
   newsletter,
-  newsletterBlurb = "Subscribe, to receive our macro reports",
+  newsletterHeading = "Newsletter",
+  newsletterBlurb = "",
   version,
   commitHref,
-  tagline = "Quy Nhon Fund",
   linkComponent,
   children
 }) {
@@ -1240,23 +1199,23 @@ function Footer({
     "footer",
     {
       "data-slot": "footer",
-      className: "bg-main-black border-t border-main-mist/10 py-16",
+      className: "bg-background border-t border-ink/10 py-16",
       children: [
         children,
         /* @__PURE__ */ jsxs4(Container, { children: [
           /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-2 gap-x-8 gap-y-8 lg:grid-cols-12 mb-12", children: [
             /* @__PURE__ */ jsxs4("div", { className: "col-span-2 lg:col-span-3", children: [
               /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 mb-6", children: [
-                /* @__PURE__ */ jsx14(Logo, { className: "w-8 h-8 text-white" }),
+                mark,
                 /* @__PURE__ */ jsxs4("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx14("span", { className: "font-serif-display font-bold text-base tracking-wider text-white", children: "EV INVESTMENT" }),
-                  /* @__PURE__ */ jsx14("span", { className: "text-[8px] font-mono-tech tracking-[0.3em] text-main-accent-t1 uppercase", children: tagline })
+                  /* @__PURE__ */ jsx13("span", { className: "font-serif font-bold text-base tracking-wider text-ink", children: brand }),
+                  tagline && /* @__PURE__ */ jsx13("span", { className: "text-[8px] font-mono tracking-[0.3em] text-accent-debug uppercase", children: tagline })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx14("p", { className: "text-main-mist/40 text-xs font-light max-w-sm leading-relaxed mb-6", children: description }),
-              /* @__PURE__ */ jsx14("div", { className: "flex gap-4 text-xs font-mono-tech text-main-accent-t1", children: legalLinks.map((link, i) => /* @__PURE__ */ jsxs4(React24.Fragment, { children: [
-                i > 0 && /* @__PURE__ */ jsx14("span", { className: "text-main-mist/20", children: "|" }),
-                /* @__PURE__ */ jsx14(L, { href: link.href, className: "hover:underline", children: link.label })
+              /* @__PURE__ */ jsx13("p", { className: "text-ink/40 text-xs font-light max-w-sm leading-relaxed mb-6", children: description }),
+              /* @__PURE__ */ jsx13("div", { className: "flex gap-4 text-xs font-mono text-accent-debug", children: legalLinks.map((link, i) => /* @__PURE__ */ jsxs4(React23.Fragment, { children: [
+                i > 0 && /* @__PURE__ */ jsx13("span", { className: "text-ink/20", children: "|" }),
+                /* @__PURE__ */ jsx13(L, { href: link.href, className: "hover:underline", children: link.label })
               ] }, link.label)) })
             ] }),
             nav.map((group) => /* @__PURE__ */ jsxs4(
@@ -1265,12 +1224,12 @@ function Footer({
                 "aria-label": `Footer ${group.heading} links`,
                 className: "lg:col-span-2",
                 children: [
-                  /* @__PURE__ */ jsx14("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: group.heading }),
-                  /* @__PURE__ */ jsx14("ul", { className: "space-y-3", children: group.links.map((link) => /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx13("h4", { className: "font-mono text-xs text-ink uppercase tracking-widest mb-6", children: group.heading }),
+                  /* @__PURE__ */ jsx13("ul", { className: "space-y-3", children: group.links.map((link) => /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(
                     L,
                     {
                       href: link.href,
-                      className: "text-xs font-light text-main-mist/70 hover:text-main-accent-t1 transition-colors",
+                      className: "text-xs font-light text-ink/70 hover:text-accent-debug transition-colors",
                       children: link.label
                     }
                   ) }, link.href)) })
@@ -1278,24 +1237,24 @@ function Footer({
               },
               group.heading
             )),
-            /* @__PURE__ */ jsxs4("div", { className: "col-span-2 lg:col-span-3", children: [
-              /* @__PURE__ */ jsx14("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: "Offices" }),
-              /* @__PURE__ */ jsx14("ul", { className: "space-y-4 text-xs text-main-mist/70 font-light leading-relaxed", children: offices.map((office) => /* @__PURE__ */ jsxs4("li", { children: [
-                /* @__PURE__ */ jsx14("strong", { className: "text-white block font-mono-tech text-[10px] uppercase tracking-wider mb-1", children: office.name }),
+            offices.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "col-span-2 lg:col-span-3", children: [
+              /* @__PURE__ */ jsx13("h4", { className: "font-mono text-xs text-ink uppercase tracking-widest mb-6", children: officesHeading }),
+              /* @__PURE__ */ jsx13("ul", { className: "space-y-4 text-xs text-ink/70 font-light leading-relaxed", children: offices.map((office) => /* @__PURE__ */ jsxs4("li", { children: [
+                /* @__PURE__ */ jsx13("strong", { className: "text-ink block font-mono text-[10px] uppercase tracking-wider mb-1", children: office.name }),
                 office.address
               ] }, office.name)) })
             ] }),
             newsletter && /* @__PURE__ */ jsxs4("div", { className: "col-span-2 lg:col-span-2", children: [
-              /* @__PURE__ */ jsx14("h4", { className: "font-mono-tech text-xs text-white uppercase tracking-widest mb-6", children: "Newsletter" }),
-              /* @__PURE__ */ jsx14("p", { className: "text-sm sm:text-xs font-light leading-relaxed text-main-mist/70 mb-4", children: newsletterBlurb }),
+              /* @__PURE__ */ jsx13("h4", { className: "font-mono text-xs text-ink uppercase tracking-widest mb-6", children: newsletterHeading }),
+              /* @__PURE__ */ jsx13("p", { className: "text-sm sm:text-xs font-light leading-relaxed text-ink/70 mb-4", children: newsletterBlurb }),
               newsletter
             ] })
           ] }),
-          /* @__PURE__ */ jsx14("div", { className: "border-t border-main-mist/10 pt-8 text-[10px] font-mono-tech text-main-mist/40", children: /* @__PURE__ */ jsxs4("p", { children: [
-            "\xA9 2026 EV Investment. All rights reserved.",
+          /* @__PURE__ */ jsx13("div", { className: "border-t border-ink/10 pt-8 text-[10px] font-mono text-ink/40", children: /* @__PURE__ */ jsxs4("p", { children: [
+            copyright,
             version && /* @__PURE__ */ jsxs4(Fragment3, { children: [
               " ",
-              /* @__PURE__ */ jsx14("a", { href: commitHref, className: "text-main-mist/30", children: version })
+              /* @__PURE__ */ jsx13("a", { href: commitHref, className: "text-ink/30", children: version })
             ] })
           ] }) })
         ] })
@@ -1308,12 +1267,12 @@ function Footer({
 import "react";
 
 // src/generated/input.ts
-var INPUT_BASE = "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive";
+var INPUT_BASE = "file:text-ink placeholder:text-ink-soft selection:bg-primary selection:text-on-primary border-input h-9 w-full min-w-0 rounded-[var(--control-radius)] border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error";
 
 // src/components/input.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "input",
     {
       type,
@@ -1328,20 +1287,20 @@ function Input({ className, type, ...props }) {
 import "react";
 
 // src/generated/textarea.ts
-var TEXTAREA_BASE = "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
+var TEXTAREA_BASE = "border-input placeholder:text-ink-soft focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error flex field-sizing-content min-h-16 w-full rounded-[var(--control-radius)] border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
 
 // src/components/textarea.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx16("textarea", { "data-slot": "textarea", className: cn(TEXTAREA_BASE, className), ...props });
+  return /* @__PURE__ */ jsx15("textarea", { "data-slot": "textarea", className: cn(TEXTAREA_BASE, className), ...props });
 }
 
 // src/components/input-group.tsx
 import "react";
 
 // src/generated/input-group.ts
-var INPUT_GROUP_BASE = "group/input-group border-input relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none h-9 min-w-0 has-[>textarea]:h-auto has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-end]]:[&>input]:pr-2 has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive";
-var INPUT_GROUP_ADDON_BASE = "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50";
+var INPUT_GROUP_BASE = "group/input-group border-input relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none h-9 min-w-0 has-[>textarea]:h-auto has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-end]]:[&>input]:pr-2 has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-accent-error/20 has-[[data-slot][aria-invalid=true]]:border-accent-error";
+var INPUT_GROUP_ADDON_BASE = "text-ink-soft flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50";
 var inputGroupAddonAligns = {
   "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
   "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
@@ -1355,17 +1314,17 @@ var inputGroupButtonSizes = {
   "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
   "icon-sm": "size-8 p-0 has-[>svg]:p-0"
 };
-var INPUT_GROUP_TEXT = "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4";
+var INPUT_GROUP_TEXT = "text-ink-soft flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4";
 var INPUT_GROUP_INPUT_CONTROL = "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0";
 var INPUT_GROUP_TEXTAREA_CONTROL = "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0";
 
 // src/components/input-group.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function InputGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "input-group",
@@ -1380,7 +1339,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       role: "group",
@@ -1406,7 +1365,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Button,
     {
       type,
@@ -1425,7 +1384,7 @@ function InputGroupText({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "span",
     {
       className: cn(INPUT_GROUP_TEXT, className),
@@ -1437,7 +1396,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Input,
     {
       "data-slot": "input-group-control",
@@ -1450,7 +1409,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -1474,13 +1433,13 @@ var separatorOrientations = {
 };
 
 // src/components/separator.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       role: "separator",
@@ -1499,7 +1458,7 @@ function Separator({
 // src/generated/item.ts
 var ITEM_GROUP = "group/item-group flex flex-col";
 var ITEM_SEPARATOR = "my-0";
-var ITEM_BASE = "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]";
+var ITEM_BASE = "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-hover/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]";
 var itemVariants = {
   "default": "bg-transparent",
   "outline": "border-border",
@@ -1517,15 +1476,15 @@ var itemMediaVariants = {
 };
 var ITEM_CONTENT = "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none";
 var ITEM_TITLE = "flex w-fit items-center gap-2 text-sm leading-snug font-medium";
-var ITEM_DESCRIPTION = "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4";
+var ITEM_DESCRIPTION = "text-ink-soft line-clamp-2 text-sm leading-normal font-normal text-balance [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4";
 var ITEM_ACTIONS = "flex items-center gap-2";
 var ITEM_HEADER = "flex basis-full items-center justify-between gap-2";
 var ITEM_FOOTER = "flex basis-full items-center justify-between gap-2";
 
 // src/components/item.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       role: "list",
@@ -1539,7 +1498,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     Separator,
     {
       "data-slot": "item-separator",
@@ -1557,7 +1516,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     Comp,
     {
       "data-slot": "item",
@@ -1573,7 +1532,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-media",
@@ -1587,7 +1546,7 @@ function ItemContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-content",
@@ -1597,7 +1556,7 @@ function ItemContent({
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-title",
@@ -1610,7 +1569,7 @@ function ItemDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "p",
     {
       "data-slot": "item-description",
@@ -1623,7 +1582,7 @@ function ItemActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-actions",
@@ -1636,7 +1595,7 @@ function ItemHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-header",
@@ -1649,7 +1608,7 @@ function ItemFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-footer",
@@ -1663,13 +1622,13 @@ function ItemFooter({
 import "react";
 
 // src/generated/kbd.ts
-var KBD_BASE = "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none [&_svg:not([class*='size-'])]:size-3 [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background";
+var KBD_BASE = "bg-muted text-ink-soft pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none [&_svg:not([class*='size-'])]:size-3 [[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background";
 var KBD_GROUP_BASE = "inline-flex items-center gap-1";
 
 // src/components/kbd.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1679,7 +1638,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -1691,9 +1650,9 @@ function KbdGroup({ className, ...props }) {
 
 // src/components/pagination.tsx
 import "react";
-import { jsx as jsx21, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs5 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "nav",
     {
       role: "navigation",
@@ -1708,7 +1667,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1718,7 +1677,7 @@ function PaginationContent({
   );
 }
 function PaginationItem(props) {
-  return /* @__PURE__ */ jsx21("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx20("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1726,7 +1685,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1743,8 +1702,8 @@ function PaginationLink({
     }
   );
 }
-var ChevronLeft = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m15 18-6-6 6-6" }) });
-var ChevronRight = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m9 18 6-6-6-6" }) });
+var ChevronLeft = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m15 18-6-6 6-6" }) });
+var ChevronRight = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m9 18 6-6-6-6" }) });
 var MoreHorizontal = () => /* @__PURE__ */ jsxs5(
   "svg",
   {
@@ -1754,9 +1713,9 @@ var MoreHorizontal = () => /* @__PURE__ */ jsxs5(
     stroke: "currentColor",
     strokeWidth: 2,
     children: [
-      /* @__PURE__ */ jsx21("circle", { cx: "12", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx21("circle", { cx: "19", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx21("circle", { cx: "5", cy: "12", r: "1" })
+      /* @__PURE__ */ jsx20("circle", { cx: "12", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx20("circle", { cx: "19", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx20("circle", { cx: "5", cy: "12", r: "1" })
     ]
   }
 );
@@ -1772,8 +1731,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(ChevronLeft, {}),
-        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx20(ChevronLeft, {}),
+        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1790,8 +1749,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx21(ChevronRight, {})
+        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx20(ChevronRight, {})
       ]
     }
   );
@@ -1808,8 +1767,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(MoreHorizontal, {}),
-        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx20(MoreHorizontal, {}),
+        /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1823,9 +1782,9 @@ var PROGRESS_TRACK = "bg-primary/20 relative h-2 w-full overflow-hidden rounded-
 var PROGRESS_INDICATOR = "bg-primary h-full w-full flex-1 transition-all";
 
 // src/components/progress.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function Progress({ className, value = 0, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "progress",
@@ -1835,7 +1794,7 @@ function Progress({ className, value = 0, ...props }) {
       "aria-valuemax": 100,
       className: cn(PROGRESS_TRACK, className),
       ...props,
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx21(
         "div",
         {
           "data-slot": "progress-indicator",
@@ -1851,12 +1810,12 @@ function Progress({ className, value = 0, ...props }) {
 import "react";
 
 // src/generated/skeleton.ts
-var SKELETON_BASE = "bg-accent animate-pulse rounded-md";
+var SKELETON_BASE = "bg-hover animate-pulse rounded-md";
 
 // src/components/skeleton.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "skeleton",
@@ -1868,9 +1827,9 @@ function Skeleton({ className, ...props }) {
 
 // src/components/spinner.tsx
 import "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "svg",
     {
       role: "status",
@@ -1881,42 +1840,45 @@ function Spinner({ className, ...props }) {
       stroke: "currentColor",
       strokeWidth: 2,
       ...props,
-      children: /* @__PURE__ */ jsx24("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+      children: /* @__PURE__ */ jsx23("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
     }
   );
 }
 
 // src/components/status-screen.tsx
 import "react";
-import { jsx as jsx25, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs6 } from "react/jsx-runtime";
 var ACCENT_TEXT = {
-  teal: "text-main-accent-t1",
-  gold: "text-main-accent-t3",
-  red: "text-destructive",
-  blue: "text-[#5e9be6]"
+  teal: "text-accent-debug",
+  gold: "text-accent-warn",
+  red: "text-accent-error",
+  blue: "text-accent-info"
 };
-var BTN_BASE = "inline-flex items-center justify-center rounded-md px-6 py-3.5 font-mono-tech text-xs uppercase tracking-widest transition-colors";
 var BTN_FILLED = {
-  teal: "bg-main-accent-t1 text-main-black hover:bg-main-accent-t1/90",
-  gold: "bg-main-accent-t3 text-main-black hover:bg-main-accent-t3/90",
-  red: "bg-destructive text-white hover:bg-destructive/90",
-  blue: "bg-[#5e9be6] text-main-black hover:bg-[#5e9be6]/90"
+  teal: "bg-accent-debug text-background hover:bg-accent-debug/90",
+  gold: "bg-accent-warn text-background hover:bg-accent-warn/90",
+  red: "bg-accent-error text-on-accent-error hover:bg-accent-error/90",
+  blue: "bg-accent-info text-on-accent-info hover:bg-accent-info/90"
 };
 var BTN_OUTLINE = {
-  teal: "border border-main-accent-t1/40 text-main-accent-t1 hover:bg-main-accent-t1/10",
-  gold: "border border-main-accent-t3/40 text-main-accent-t3 hover:bg-main-accent-t3/10",
-  red: "border border-destructive/40 text-destructive hover:bg-destructive/10",
-  blue: "border border-[#5e9be6]/40 text-[#5e9be6] hover:bg-[#5e9be6]/10"
+  teal: "border border-accent-debug/40 text-accent-debug hover:bg-accent-debug/10",
+  gold: "border border-accent-warn/40 text-accent-warn hover:bg-accent-warn/10",
+  red: "border border-accent-error/40 text-accent-error hover:bg-accent-error/10",
+  blue: "border border-accent-info/40 text-accent-info hover:bg-accent-info/10"
 };
-function statusButtonClass(accent, variant) {
-  return cn(BTN_BASE, variant === "filled" ? BTN_FILLED[accent] : BTN_OUTLINE[accent]);
+function statusCtaClass(accent, variant) {
+  return cn(
+    buttonVariants({ variant, size: "lg" }),
+    "font-mono text-xs uppercase tracking-widest",
+    variant === "outline" ? BTN_OUTLINE[accent] : BTN_FILLED[accent]
+  );
 }
 function LogoMark({ className }) {
-  return /* @__PURE__ */ jsx25("svg", { viewBox: "0 0 140 48", className, "aria-hidden": true, children: /* @__PURE__ */ jsxs6("g", { fill: "currentColor", children: [
-    /* @__PURE__ */ jsx25("path", { d: "M0.0437012 47.3326L50.9499 40.5805V22.3378L56.4881 23.6408V37.9071L59.1984 37.5005V24.1147L64.6189 25.1808V37.0269L67.2113 36.553V22.1009L56.606 17.481L43.408 21.864V36.553L0.0437012 47.3326Z" }),
-    /* @__PURE__ */ jsx25("path", { d: "M77.2277 40.5804L85.9478 41.4099L85.8299 0.304321L73.1033 7.17499V26.3654L77.2277 28.2608V40.5804Z" }),
-    /* @__PURE__ */ jsx25("path", { d: "M87.126 0.304321L99.9705 7.29343V42.5943L94.3141 41.8835V9.54417L87.126 5.75347V0.304321Z" }),
-    /* @__PURE__ */ jsx25("path", { d: "M103.034 42.9496L139.682 46.0296L110.104 39.7513V26.8393L103.034 23.0486V42.9496Z" })
+  return /* @__PURE__ */ jsx24("svg", { viewBox: "0 0 140 48", className, "aria-hidden": true, children: /* @__PURE__ */ jsxs6("g", { fill: "currentColor", children: [
+    /* @__PURE__ */ jsx24("path", { d: "M0.0437012 47.3326L50.9499 40.5805V22.3378L56.4881 23.6408V37.9071L59.1984 37.5005V24.1147L64.6189 25.1808V37.0269L67.2113 36.553V22.1009L56.606 17.481L43.408 21.864V36.553L0.0437012 47.3326Z" }),
+    /* @__PURE__ */ jsx24("path", { d: "M77.2277 40.5804L85.9478 41.4099L85.8299 0.304321L73.1033 7.17499V26.3654L77.2277 28.2608V40.5804Z" }),
+    /* @__PURE__ */ jsx24("path", { d: "M87.126 0.304321L99.9705 7.29343V42.5943L94.3141 41.8835V9.54417L87.126 5.75347V0.304321Z" }),
+    /* @__PURE__ */ jsx24("path", { d: "M103.034 42.9496L139.682 46.0296L110.104 39.7513V26.8393L103.034 23.0486V42.9496Z" })
   ] }) });
 }
 function ArrowLeftIcon({ className }) {
@@ -1932,8 +1894,8 @@ function ArrowLeftIcon({ className }) {
       strokeLinejoin: "round",
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ jsx25("path", { d: "m12 19-7-7 7-7" }),
-        /* @__PURE__ */ jsx25("path", { d: "M19 12H5" })
+        /* @__PURE__ */ jsx24("path", { d: "m12 19-7-7 7-7" }),
+        /* @__PURE__ */ jsx24("path", { d: "M19 12H5" })
       ]
     }
   );
@@ -1952,8 +1914,8 @@ function StatusScreen({
 }) {
   const L = linkComponent ?? "a";
   const accentText = ACCENT_TEXT[accent];
-  return /* @__PURE__ */ jsxs6("section", { className: "relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-main-black px-6 py-32 text-center", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs6("section", { className: "relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-background px-6 py-32 text-center", children: [
+    /* @__PURE__ */ jsx24(
       "div",
       {
         "aria-hidden": true,
@@ -1964,19 +1926,19 @@ function StatusScreen({
       }
     ),
     /* @__PURE__ */ jsxs6("div", { className: "relative z-10 flex w-full max-w-2xl flex-col items-center", children: [
-      /* @__PURE__ */ jsx25(LogoMark, { className: cn("mb-7 h-10 w-auto", accentText) }),
-      /* @__PURE__ */ jsx25("p", { className: cn("mb-6 font-mono-tech text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
-      /* @__PURE__ */ jsx25("p", { className: cn("font-serif-display text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
-      /* @__PURE__ */ jsxs6("h1", { className: "mt-4 font-serif-display text-3xl font-light leading-tight text-white sm:text-5xl", children: [
+      /* @__PURE__ */ jsx24(LogoMark, { className: cn("mb-7 h-10 w-auto", accentText) }),
+      /* @__PURE__ */ jsx24("p", { className: cn("mb-6 font-mono text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
+      /* @__PURE__ */ jsx24("p", { className: cn("font-serif text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
+      /* @__PURE__ */ jsxs6("h1", { className: "mt-4 font-serif text-3xl font-light leading-tight text-ink sm:text-5xl", children: [
         headlineLead,
-        /* @__PURE__ */ jsx25("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
+        /* @__PURE__ */ jsx24("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
         headlineTail
       ] }),
-      /* @__PURE__ */ jsx25("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-main-mist/60 sm:text-base", children: subtext }),
+      /* @__PURE__ */ jsx24("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-ink/60 sm:text-base", children: subtext }),
       /* @__PURE__ */ jsxs6("div", { className: "mt-9 flex flex-col items-center gap-3 sm:flex-row", children: [
         children,
-        links?.map((link) => /* @__PURE__ */ jsxs6(L, { href: link.href, className: statusButtonClass(accent, link.variant ?? "filled"), children: [
-          link.leadingArrow ? /* @__PURE__ */ jsx25(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
+        links?.map((link) => /* @__PURE__ */ jsxs6(L, { href: link.href, className: statusCtaClass(accent, link.variant ?? "default"), children: [
+          link.leadingArrow ? /* @__PURE__ */ jsx24(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
           link.label
         ] }, link.label))
       ] })
@@ -1984,7 +1946,7 @@ function StatusScreen({
   ] });
 }
 function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     StatusScreen,
     {
       accent: "teal",
@@ -2002,7 +1964,7 @@ function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact
   );
 }
 function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     StatusScreen,
     {
       accent: "gold",
@@ -2020,7 +1982,7 @@ function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contac
   );
 }
 function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     StatusScreen,
     {
       accent: "red",
@@ -2031,11 +1993,11 @@ function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
       subtext: "Something broke on our end \u2014 not yours. We've been alerted and are restoring service. Please try again in a moment.",
       linkComponent,
       links: [{ label: "Back to home", href: homeHref, variant: "outline", leadingArrow: true }],
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx24(
         "button",
         {
           type: "button",
-          className: statusButtonClass("red", "filled"),
+          className: statusCtaClass("red", "default"),
           onClick: () => reset ? reset() : window.location.reload(),
           children: "Try again"
         }
@@ -2054,19 +2016,19 @@ var TABLE_HEADER = "[&_tr]:border-b";
 var TABLE_BODY = "[&_tr:last-child]:border-0";
 var TABLE_FOOTER = "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0";
 var TABLE_ROW = "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors";
-var TABLE_HEAD = "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]";
+var TABLE_HEAD = "text-ink h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]";
 var TABLE_CELL = "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]";
-var TABLE_CAPTION = "text-muted-foreground mt-4 text-sm";
+var TABLE_CAPTION = "text-ink-soft mt-4 text-sm";
 
 // src/components/table.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "table-container",
       className: TABLE_CONTAINER,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx25(
         "table",
         {
           "data-slot": "table",
@@ -2081,7 +2043,7 @@ function TableHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "thead",
     {
       "data-slot": "table-header",
@@ -2094,7 +2056,7 @@ function TableBody({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2107,7 +2069,7 @@ function TableFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -2117,7 +2079,7 @@ function TableFooter({
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "tr",
     {
       "data-slot": "table-row",
@@ -2127,7 +2089,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "th",
     {
       "data-slot": "table-head",
@@ -2137,7 +2099,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "td",
     {
       "data-slot": "table-cell",
@@ -2150,7 +2112,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "caption",
     {
       "data-slot": "table-caption",
@@ -2161,7 +2123,7 @@ function TableCaption({
 }
 
 // src/components/accordion.tsx
-import * as React37 from "react";
+import * as React36 from "react";
 
 // src/generated/accordion.ts
 var ACCORDION_ITEM = "border-b last:border-b-0";
@@ -2171,16 +2133,16 @@ var ACCORDION_CONTENT = "data-[state=closed]:animate-accordion-up data-[state=op
 var ACCORDION_CONTENT_INNER = "pt-0 pb-4";
 
 // src/components/accordion.tsx
-import { jsx as jsx27, jsxs as jsxs7 } from "react/jsx-runtime";
-var AccordionContext = React37.createContext(null);
+import { jsx as jsx26, jsxs as jsxs7 } from "react/jsx-runtime";
+var AccordionContext = React36.createContext(null);
 function useAccordion() {
-  const ctx = React37.useContext(AccordionContext);
+  const ctx = React36.useContext(AccordionContext);
   if (!ctx) throw new Error("Accordion parts must be used within <Accordion>");
   return ctx;
 }
-var ItemContext = React37.createContext(null);
+var ItemContext = React36.createContext(null);
 function useItemValue() {
-  const value = React37.useContext(ItemContext);
+  const value = React36.useContext(ItemContext);
   if (value === null)
     throw new Error("AccordionTrigger/Content must be used within <AccordionItem>");
   return value;
@@ -2208,7 +2170,7 @@ function Accordion({
     if (open.includes(v)) setOpen(collapsible ? [] : open);
     else setOpen([v]);
   };
-  return /* @__PURE__ */ jsx27(AccordionContext.Provider, { value: { isOpen, toggle }, children: /* @__PURE__ */ jsx27("div", { "data-slot": "accordion", ...props, children }) });
+  return /* @__PURE__ */ jsx26(AccordionContext.Provider, { value: { isOpen, toggle }, children: /* @__PURE__ */ jsx26("div", { "data-slot": "accordion", ...props, children }) });
 }
 function AccordionItem({
   className,
@@ -2216,7 +2178,7 @@ function AccordionItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(ItemContext.Provider, { value, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(ItemContext.Provider, { value, children: /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "accordion-item",
@@ -2235,7 +2197,7 @@ function AccordionTrigger({
   const { isOpen, toggle } = useAccordion();
   const value = useItemValue();
   const open = isOpen(value);
-  return /* @__PURE__ */ jsx27("h3", { className: ACCORDION_HEADER, "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx26("h3", { className: ACCORDION_HEADER, "data-slot": "accordion-header", children: /* @__PURE__ */ jsxs7(
     "button",
     {
       type: "button",
@@ -2250,7 +2212,7 @@ function AccordionTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx26(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -2262,8 +2224,8 @@ function AccordionTrigger({
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200",
-            children: /* @__PURE__ */ jsx27("path", { d: "m6 9 6 6 6-6" })
+            className: "text-ink-soft pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200",
+            children: /* @__PURE__ */ jsx26("path", { d: "m6 9 6 6 6-6" })
           }
         )
       ]
@@ -2278,26 +2240,26 @@ function AccordionContent({
   const { isOpen } = useAccordion();
   const value = useItemValue();
   if (!isOpen(value)) return null;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "accordion-content",
       "data-state": "open",
       className: ACCORDION_CONTENT,
       ...props,
-      children: /* @__PURE__ */ jsx27("div", { className: cn(ACCORDION_CONTENT_INNER, className), children })
+      children: /* @__PURE__ */ jsx26("div", { className: cn(ACCORDION_CONTENT_INNER, className), children })
     }
   );
 }
 
 // src/components/collapsible.tsx
-import * as React38 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var CollapsibleContext = React38.createContext(
+import * as React37 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var CollapsibleContext = React37.createContext(
   null
 );
 function useCollapsible() {
-  const ctx = React38.useContext(CollapsibleContext);
+  const ctx = React37.useContext(CollapsibleContext);
   if (!ctx) throw new Error("Collapsible parts must be used within <Collapsible>");
   return ctx;
 }
@@ -2313,14 +2275,14 @@ function Collapsible({
     defaultValue: defaultOpen,
     ...onOpenChange ? { onChange: onOpenChange } : {}
   });
-  return /* @__PURE__ */ jsx28(CollapsibleContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx28("div", { "data-slot": "collapsible", "data-state": isOpen ? "open" : "closed", ...props, children }) });
+  return /* @__PURE__ */ jsx27(CollapsibleContext.Provider, { value: { open: isOpen, setOpen }, children: /* @__PURE__ */ jsx27("div", { "data-slot": "collapsible", "data-state": isOpen ? "open" : "closed", ...props, children }) });
 }
 function CollapsibleTrigger({
   onClick,
   ...props
 }) {
   const { open, setOpen } = useCollapsible();
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     "button",
     {
       type: "button",
@@ -2341,7 +2303,83 @@ function CollapsibleContent({
 }) {
   const { open } = useCollapsible();
   if (!open) return null;
-  return /* @__PURE__ */ jsx28("div", { "data-slot": "collapsible-content", "data-state": "open", ...props, children });
+  return /* @__PURE__ */ jsx27("div", { "data-slot": "collapsible-content", "data-state": "open", ...props, children });
+}
+
+// src/components/band.tsx
+import "react";
+
+// src/generated/band.ts
+var polarityClasses = {
+  "light": "light",
+  "dark": "dark"
+};
+var surfaceClasses = {
+  "background": "bg-background text-ink",
+  "card": "bg-card text-ink",
+  "muted": "bg-muted text-ink",
+  "primary": "bg-primary text-on-primary"
+};
+var SECTION_BASE = "w-full px-[var(--page-px)]";
+var SECTION_PY = "py-[var(--band-py)]";
+var SECTION_PY_TIGHT = "py-[var(--band-py-tight)]";
+var SECTION_HEAD = "flex flex-col gap-2 md:gap-3.5";
+var EYEBROW = "font-medium text-[10px] md:text-[11.5px] tracking-[0.15em] md:tracking-[0.16em] text-primary";
+var DISPLAY_BASE = "font-display [font-weight:700] max-w-[54rem] tracking-[-0.005em] leading-[1.16] md:leading-[1.14] text-[calc(1.5625rem*var(--display-scale))] md:text-[calc(2.625rem*var(--display-scale))]";
+var LEDE = "max-w-[52rem] text-[15px] md:text-[17px] leading-[1.58] text-ink-soft";
+var PROSE = "text-[14px] md:text-[15px] leading-[1.62] text-ink-soft";
+var STAT = "flex items-center gap-[7px] whitespace-nowrap";
+var STAT_FIGURE = "font-semibold";
+var STAT_LABEL = "text-ink-soft";
+var CHECK = "font-semibold text-positive";
+
+// src/components/band.tsx
+import { jsx as jsx28, jsxs as jsxs8 } from "react/jsx-runtime";
+function Section({
+  polarity = "light",
+  surface = "background",
+  tight = false,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    "section",
+    {
+      "data-slot": "section",
+      className: cn(
+        // conflict-free by construction — a gutter, a scope class, a plane and a
+        // rhythm — so only the caller override is worth a merge
+        `${SECTION_BASE} ${polarityClasses[polarity]} ${surfaceClasses[surface]} ${tight ? SECTION_PY_TIGHT : SECTION_PY}`,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Eyebrow({ className, ...props }) {
+  return /* @__PURE__ */ jsx28("p", { "data-slot": "eyebrow", className: cn(EYEBROW, className), ...props });
+}
+function Display({ className, ...props }) {
+  return /* @__PURE__ */ jsx28("h2", { "data-slot": "display", className: cn(DISPLAY_BASE, className), ...props });
+}
+function SectionHead({ eyebrow, title, lede, className, ...props }) {
+  return /* @__PURE__ */ jsxs8("div", { "data-slot": "section-head", className: cn(SECTION_HEAD, className), ...props, children: [
+    /* @__PURE__ */ jsx28(Eyebrow, { children: eyebrow }),
+    /* @__PURE__ */ jsx28(Display, { children: title }),
+    lede && /* @__PURE__ */ jsx28("p", { className: LEDE, children: lede })
+  ] });
+}
+function Prose({ className, ...props }) {
+  return /* @__PURE__ */ jsx28("p", { "data-slot": "prose", className: cn(PROSE, className), ...props });
+}
+function Stat({ figure, label, className, ...props }) {
+  return /* @__PURE__ */ jsxs8("span", { "data-slot": "stat", className: cn(STAT, className), ...props, children: [
+    /* @__PURE__ */ jsx28("span", { className: STAT_FIGURE, children: figure }),
+    /* @__PURE__ */ jsx28("span", { className: STAT_LABEL, children: label })
+  ] });
+}
+function Check({ className, ...props }) {
+  return /* @__PURE__ */ jsx28("span", { "data-slot": "check", "aria-hidden": true, className: cn(CHECK, className), ...props, children: "\u2713" });
 }
 
 // src/components/tabs.tsx
@@ -2349,8 +2387,8 @@ import * as React39 from "react";
 
 // src/generated/tabs.ts
 var TABS_ROOT = "flex flex-col gap-2";
-var TABS_LIST = "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]";
-var TABS_TRIGGER = "data-[state=active]:bg-background focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var TABS_LIST = "bg-muted text-ink-soft inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]";
+var TABS_TRIGGER = "data-[state=active]:bg-background focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-ink inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 var TABS_CONTENT = "flex-1 outline-none";
 
 // src/components/tabs.tsx
@@ -2479,15 +2517,17 @@ function TabsContent({
 import "react";
 
 // src/generated/toggle.ts
-var TOGGLE_BASE = "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 aria-invalid:border-destructive whitespace-nowrap";
+var TOGGLE_BASE = "inline-flex items-center justify-center gap-2 rounded-[var(--control-radius)] text-sm font-medium hover:bg-muted hover:text-ink-soft disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-hover data-[state=on]:text-ink [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error whitespace-nowrap";
 var toggleVariantClasses = {
   "default": "bg-transparent",
-  "outline": "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+  "outline": "border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink"
 };
 var toggleSizeClasses = {
   "default": "h-9 px-2 min-w-9",
+  "xs": "h-7 px-1 min-w-7",
   "sm": "h-8 px-1.5 min-w-8",
-  "lg": "h-10 px-2.5 min-w-10"
+  "lg": "h-10 px-2.5 min-w-10",
+  "xl": "h-12 px-3 min-w-12"
 };
 
 // src/components/toggle.tsx
@@ -2666,7 +2706,7 @@ function Switch({
         {
           "data-slot": "switch-thumb",
           "data-state": state,
-          className: "data-[state=checked]:bg-primary-foreground data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          className: "data-[state=checked]:bg-on-primary data-[state=unchecked]:bg-ink pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
         }
       )
     }
@@ -2701,7 +2741,7 @@ function Checkbox({
       "aria-checked": on,
       disabled,
       className: cn(
-        "peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-on-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
       onClick: (e) => {
@@ -2740,7 +2780,7 @@ import * as React44 from "react";
 
 // src/generated/radio-group.ts
 var RADIO_GROUP_ROOT = "grid gap-3";
-var RADIO_GROUP_ITEM = "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50";
+var RADIO_GROUP_ITEM = "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50";
 
 // src/components/radio-group.tsx
 import { jsx as jsx34 } from "react/jsx-runtime";
@@ -2853,10 +2893,10 @@ import * as React45 from "react";
 var SLIDER_ROOT = "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col";
 var SLIDER_TRACK = "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5";
 var SLIDER_RANGE = "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full";
-var SLIDER_THUMB = "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50";
+var SLIDER_THUMB = "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-ink shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50";
 
 // src/components/slider.tsx
-import { jsx as jsx35, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs9 } from "react/jsx-runtime";
 function clampStep(value, min, max, step) {
   const clamped = Math.min(max, Math.max(min, value));
   if (step <= 0) return clamped;
@@ -2934,7 +2974,7 @@ function Slider({
   };
   const rangeStyle = orientation === "vertical" ? { height: `${percent}%` } : { width: `${percent}%` };
   const thumbStyle = orientation === "vertical" ? { position: "absolute", bottom: `${percent}%`, left: "50%", transform: "translate(-50%, 50%)" } : { position: "absolute", left: `${percent}%`, top: "50%", transform: "translate(-50%, -50%)" };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "span",
     {
       "data-slot": "slider",
@@ -2999,13 +3039,13 @@ var scrollBarOrientations = {
 };
 
 // src/components/scroll-area.tsx
-import { jsx as jsx36, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs10 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9("div", { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
+  return /* @__PURE__ */ jsxs10("div", { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [
     /* @__PURE__ */ jsx36("div", { "data-slot": "scroll-area-viewport", className: SCROLL_AREA_VIEWPORT, children }),
     /* @__PURE__ */ jsx36(ScrollBar, {})
   ] });
@@ -3031,34 +3071,30 @@ function ScrollBar({
 import * as React47 from "react";
 
 // src/generated/sidebar.ts
-var SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0";
-var sidebarMenuButtonVariantClasses = {
-  "default": "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-  "outline": "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-};
+var SIDEBAR_MENU_BUTTON_BASE = "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-ring transition-[width,height,padding] hover:bg-hover hover:text-ink focus-visible:ring-2 active:bg-hover active:text-ink disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-hover data-[active=true]:font-medium data-[active=true]:text-ink data-[state=open]:hover:bg-hover data-[state=open]:hover:text-ink group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0";
 var sidebarMenuButtonSizeClasses = {
+  "xs": "h-7 text-xs",
   "default": "h-8 text-sm",
-  "sm": "h-7 text-xs",
   "lg": "h-12 text-sm group-data-[collapsible=icon]:p-0!"
 };
-var SIDEBAR_WRAPPER = "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full";
-var SIDEBAR_FLAT = "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col";
-var SIDEBAR_INNER = "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm";
-var SIDEBAR_TRIGGER = "inline-flex size-7 items-center justify-center rounded-md hover:bg-accent hover:text-accent-foreground";
-var SIDEBAR_RAIL = "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex";
+var SIDEBAR_WRAPPER = "group/sidebar-wrapper has-data-[variant=inset]:bg-secondary flex min-h-svh w-full";
+var SIDEBAR_FLAT = "bg-secondary text-ink flex h-full w-(--sidebar-width) flex-col";
+var SIDEBAR_INNER = "bg-secondary group-data-[variant=floating]:border-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm";
+var SIDEBAR_TRIGGER = "inline-flex size-7 items-center justify-center rounded-md hover:bg-hover hover:text-ink";
+var SIDEBAR_RAIL = "hover:after:bg-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex";
 var SIDEBAR_INSET = "bg-background relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2";
 var SIDEBAR_HEADER = "flex flex-col gap-2 p-2";
 var SIDEBAR_FOOTER = "flex flex-col gap-2 p-2";
-var SIDEBAR_SEPARATOR = "bg-sidebar-border mx-2 h-px w-auto shrink-0";
+var SIDEBAR_SEPARATOR = "bg-border mx-2 h-px w-auto shrink-0";
 var SIDEBAR_CONTENT = "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden";
 var SIDEBAR_GROUP = "relative flex w-full min-w-0 flex-col p-2";
-var SIDEBAR_GROUP_LABEL = "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0";
+var SIDEBAR_GROUP_LABEL = "text-ink/70 ring-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0";
 var SIDEBAR_GROUP_CONTENT = "w-full text-sm";
 var SIDEBAR_MENU = "flex w-full min-w-0 flex-col gap-1";
 var SIDEBAR_MENU_ITEM = "group/menu-item relative";
 
 // src/components/sidebar.tsx
-import { jsx as jsx37, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs11 } from "react/jsx-runtime";
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SidebarContext = React47.createContext(null);
@@ -3128,7 +3164,7 @@ function Sidebar({
   return /* @__PURE__ */ jsx37(
     "div",
     {
-      className: "group peer text-sidebar-foreground hidden md:block",
+      className: "group peer text-ink hidden md:block",
       "data-state": state,
       "data-collapsible": state === "collapsed" ? collapsible : "",
       "data-variant": variant,
@@ -3153,7 +3189,7 @@ function SidebarTrigger({
   ...props
 }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "button",
     {
       type: "button",
@@ -3317,7 +3353,7 @@ function SidebarMenuItem({ className, ...props }) {
 function SidebarMenuButton({
   asChild = false,
   isActive = false,
-  variant = "default",
+  variant = "ghost",
   size = "default",
   className,
   ...props
@@ -3332,7 +3368,7 @@ function SidebarMenuButton({
       "data-active": isActive,
       className: cn(
         SIDEBAR_MENU_BUTTON_BASE,
-        sidebarMenuButtonVariantClasses[variant],
+        buttonVariantClasses[variant],
         sidebarMenuButtonSizeClasses[size],
         className
       ),
@@ -3361,7 +3397,7 @@ var CAROUSEL_EDGE_FADE_PREV = "pointer-events-none absolute inset-y-0 left-0 w-2
 var CAROUSEL_EDGE_FADE_NEXT = "pointer-events-none absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-background/45 via-background/20 to-transparent";
 
 // src/components/carousel.tsx
-import { Fragment as Fragment4, jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx38, jsxs as jsxs12 } from "react/jsx-runtime";
 var CarouselContext = React48.createContext(null);
 function useCarousel() {
   const context = React48.useContext(CarouselContext);
@@ -3482,7 +3518,7 @@ function CarouselEdgeFade({
   className
 }) {
   const { canScrollPrev, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
     /* @__PURE__ */ jsx38(
       "div",
       {
@@ -3514,7 +3550,7 @@ function CarouselPrevious({
   ...props
 }) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     Button,
     {
       "data-slot": "carousel-previous",
@@ -3555,7 +3591,7 @@ function CarouselNext({
   ...props
 }) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     Button,
     {
       "data-slot": "carousel-next",
@@ -3597,12 +3633,12 @@ import * as React49 from "react";
 var INPUT_OTP_CONTAINER = "relative flex items-center gap-2 has-disabled:opacity-50";
 var INPUT_OTP_INPUT = "absolute inset-0 h-full w-full opacity-0 disabled:cursor-not-allowed";
 var INPUT_OTP_GROUP = "flex items-center";
-var INPUT_OTP_SLOT = "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]";
+var INPUT_OTP_SLOT = "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error data-[active=true]:aria-invalid:border-accent-error border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]";
 var INPUT_OTP_SLOT_CARET_WRAPPER = "pointer-events-none absolute inset-0 flex items-center justify-center";
-var INPUT_OTP_SLOT_CARET = "animate-caret-blink bg-foreground h-4 w-px duration-1000";
+var INPUT_OTP_SLOT_CARET = "animate-caret-blink bg-ink h-4 w-px duration-1000";
 
 // src/components/input-otp.tsx
-import { jsx as jsx39, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs13 } from "react/jsx-runtime";
 var InputOTPContext = React49.createContext(null);
 function useInputOTP() {
   const context = React49.useContext(InputOTPContext);
@@ -3629,7 +3665,7 @@ function InputOTP({
   });
   const [focused, setFocused] = React49.useState(false);
   const activeIndex = focused ? Math.min(value.length, maxLength - 1) : -1;
-  return /* @__PURE__ */ jsx39(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx39(InputOTPContext.Provider, { value: { value, maxLength, activeIndex }, children: /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-slot": "input-otp",
@@ -3673,7 +3709,7 @@ function InputOTPSlot({ index, className, ...props }) {
   const char = value[index];
   const isActive = activeIndex === index;
   const hasFakeCaret = isActive && char === void 0;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -3708,7 +3744,7 @@ function InputOTPSeparator({ ...props }) {
 import * as React50 from "react";
 
 // src/generated/tooltip.ts
-var TOOLTIP_CONTENT = "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance";
+var TOOLTIP_CONTENT = "bg-ink text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance";
 
 // src/components/tooltip.tsx
 import { Fragment as Fragment5, jsx as jsx40 } from "react/jsx-runtime";
@@ -3801,7 +3837,7 @@ function TooltipContent({
 import * as React51 from "react";
 
 // src/generated/popover.ts
-var POPOVER_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden";
+var POPOVER_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden";
 
 // src/components/popover.tsx
 import { jsx as jsx41 } from "react/jsx-runtime";
@@ -3893,7 +3929,7 @@ function PopoverContent({
 
 // src/components/info-tip.tsx
 import * as React52 from "react";
-import { jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs14 } from "react/jsx-runtime";
 var InfoTipContext = React52.createContext(null);
 function useInfoTip() {
   const ctx = React52.useContext(InfoTipContext);
@@ -3922,7 +3958,7 @@ function InfoTip({
   );
 }
 function InfoGlyph2({ className }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "svg",
     {
       viewBox: "0 0 24 24",
@@ -3971,7 +4007,7 @@ function InfoTipTrigger({
       "aria-controls": contentId,
       ref: anchorRef,
       className: cn(
-        "inline-flex size-4 shrink-0 cursor-help items-center justify-center rounded-full align-middle text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:text-main-accent-t1",
+        "inline-flex size-4 shrink-0 cursor-help items-center justify-center rounded-full align-middle text-ink-soft outline-none transition-colors hover:text-ink focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:text-accent-debug",
         className
       ),
       onClick: (e) => {
@@ -4041,7 +4077,7 @@ function InfoTipContent({
 import * as React53 from "react";
 
 // src/generated/hover-card.ts
-var HOVER_CARD_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden";
+var HOVER_CARD_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden";
 
 // src/components/hover-card.tsx
 import { jsx as jsx43 } from "react/jsx-runtime";
@@ -4123,18 +4159,18 @@ function HoverCardContent({
 import * as React54 from "react";
 
 // src/generated/dropdown-menu.ts
-var DROPDOWN_MENU_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
-var DROPDOWN_MENU_SUB_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg";
-var DROPDOWN_MENU_ITEM = "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var DROPDOWN_MENU_CHECK_ITEM = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var DROPDOWN_MENU_SUB_TRIGGER = "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var DROPDOWN_MENU_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
+var DROPDOWN_MENU_SUB_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg";
+var DROPDOWN_MENU_ITEM = "focus:bg-hover focus:text-ink data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var DROPDOWN_MENU_CHECK_ITEM = "focus:bg-hover focus:text-ink relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var DROPDOWN_MENU_SUB_TRIGGER = "focus:bg-hover focus:text-ink data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 var DROPDOWN_MENU_ITEM_INDICATOR = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";
 var DROPDOWN_MENU_LABEL = "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
 var DROPDOWN_MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
-var DROPDOWN_MENU_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
+var DROPDOWN_MENU_SHORTCUT = "text-ink-soft ml-auto text-xs tracking-widest";
 
 // src/components/dropdown-menu.tsx
-import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs15 } from "react/jsx-runtime";
 var DropdownMenuContext = React54.createContext(
   null
 );
@@ -4285,7 +4321,7 @@ function DropdownMenuCheckboxItem({
   ...props
 }) {
   const close = React54.useContext(DropdownMenuCloseContext);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -4336,7 +4372,7 @@ function DropdownMenuRadioItem({
   const close = React54.useContext(DropdownMenuCloseContext);
   const group = React54.useContext(DropdownMenuRadioGroupContext);
   const checked = group?.value === value;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "dropdown-menu-radio-item",
@@ -4406,7 +4442,7 @@ function DropdownMenuSub({ open, defaultOpen = false, onOpenChange, children })
 }
 function DropdownMenuSubTrigger({ className, inset, children, onClick, ...props }) {
   const ctx = React54.useContext(DropdownMenuSubContext);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -4455,17 +4491,17 @@ function DropdownMenuSubContent({ className, children, ...props }) {
 import * as React55 from "react";
 
 // src/generated/context-menu.ts
-var CONTEXT_MENU_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
-var CONTEXT_MENU_SUB_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg";
-var CONTEXT_MENU_ITEM = "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var CONTEXT_MENU_CHECK_ITEM = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var CONTEXT_MENU_SUB_TRIGGER = "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var CONTEXT_MENU_LABEL = "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
+var CONTEXT_MENU_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
+var CONTEXT_MENU_SUB_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg";
+var CONTEXT_MENU_ITEM = "focus:bg-hover focus:text-ink data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var CONTEXT_MENU_CHECK_ITEM = "focus:bg-hover focus:text-ink relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var CONTEXT_MENU_SUB_TRIGGER = "focus:bg-hover focus:text-ink data-[state=open]:bg-hover data-[state=open]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var CONTEXT_MENU_LABEL = "text-ink px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
 var CONTEXT_MENU_SEPARATOR = "bg-border -mx-1 my-1 h-px";
-var CONTEXT_MENU_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
+var CONTEXT_MENU_SHORTCUT = "text-ink-soft ml-auto text-xs tracking-widest";
 
 // src/components/context-menu.tsx
-import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs16 } from "react/jsx-runtime";
 var ContextMenuContext = React55.createContext(null);
 function useContextMenu() {
   const ctx = React55.useContext(ContextMenuContext);
@@ -4599,7 +4635,7 @@ function ContextMenuCheckboxItem({
   ...props
 }) {
   const close = React55.useContext(ContextMenuCloseContext);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "context-menu-checkbox-item",
@@ -4650,7 +4686,7 @@ function ContextMenuRadioItem({
   const close = React55.useContext(ContextMenuCloseContext);
   const group = React55.useContext(ContextMenuRadioGroupContext);
   const checked = group?.value === value;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "context-menu-radio-item",
@@ -4720,7 +4756,7 @@ function ContextMenuSub({ open, defaultOpen = false, onOpenChange, children }) {
 }
 function ContextMenuSubTrigger({ className, inset, children, onClick, ...props }) {
   const ctx = React55.useContext(ContextMenuSubContext);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-slot": "context-menu-sub-trigger",
@@ -4770,20 +4806,20 @@ import * as React56 from "react";
 
 // src/generated/menubar.ts
 var MENUBAR_ROOT = "bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs";
-var MENUBAR_TRIGGER = "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none";
-var MENUBAR_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 absolute z-50 min-w-[12rem] overflow-hidden rounded-md border p-1 shadow-md";
-var MENUBAR_ITEM = "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var MENUBAR_CHECKBOX_ITEM = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-var MENUBAR_RADIO_ITEM = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var MENUBAR_TRIGGER = "focus:bg-hover focus:text-ink data-[state=open]:bg-hover data-[state=open]:text-ink flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none";
+var MENUBAR_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 absolute z-50 min-w-[12rem] overflow-hidden rounded-md border p-1 shadow-md";
+var MENUBAR_ITEM = "focus:bg-hover focus:text-ink data-[variant=destructive]:text-accent-error data-[variant=destructive]:focus:bg-accent-error/10 data-[variant=destructive]:focus:text-accent-error data-[variant=destructive]:*:[svg]:!text-accent-error [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var MENUBAR_CHECKBOX_ITEM = "focus:bg-hover focus:text-ink relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var MENUBAR_RADIO_ITEM = "focus:bg-hover focus:text-ink relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 var MENUBAR_ITEM_INDICATOR = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";
 var MENUBAR_LABEL = "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
 var MENUBAR_SEPARATOR = "bg-border -mx-1 my-1 h-px";
-var MENUBAR_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
-var MENUBAR_SUB_TRIGGER = "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8";
-var MENUBAR_SUB_CONTENT = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 absolute z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg";
+var MENUBAR_SHORTCUT = "text-ink-soft ml-auto text-xs tracking-widest";
+var MENUBAR_SUB_TRIGGER = "focus:bg-hover focus:text-ink data-[state=open]:bg-hover data-[state=open]:text-ink flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8";
+var MENUBAR_SUB_CONTENT = "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 absolute z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg";
 
 // src/components/menubar.tsx
-import { jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs17 } from "react/jsx-runtime";
 var MenubarMenuContext = React56.createContext(null);
 function useMenu() {
   const ctx = React56.useContext(MenubarMenuContext);
@@ -4896,7 +4932,7 @@ function MenubarCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-slot": "menubar-checkbox-item",
@@ -4946,7 +4982,7 @@ function MenubarRadioItem({
 }) {
   const ctx = React56.useContext(MenubarRadioGroupContext);
   const checked = ctx?.value === value;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-slot": "menubar-radio-item",
@@ -5021,7 +5057,7 @@ function MenubarSubTrigger({
   ...props
 }) {
   const { open, setOpen } = useSub();
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-slot": "menubar-sub-trigger",
@@ -5079,14 +5115,14 @@ import * as React57 from "react";
 var NAVIGATION_MENU = "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center";
 var NAVIGATION_MENU_LIST = "group flex flex-1 list-none items-center justify-center gap-1";
 var NAVIGATION_MENU_ITEM = "relative";
-var NAVIGATION_MENU_TRIGGER_STYLE = "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1";
-var NAVIGATION_MENU_CONTENT = "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none";
-var NAVIGATION_MENU_LINK = "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4";
+var NAVIGATION_MENU_TRIGGER_STYLE = "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-hover hover:text-ink focus:bg-hover focus:text-ink disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-hover data-[state=open]:text-ink data-[state=open]:focus:bg-hover data-[state=open]:bg-hover/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1";
+var NAVIGATION_MENU_CONTENT = "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-ink group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none";
+var NAVIGATION_MENU_LINK = "data-[active=true]:focus:bg-hover data-[active=true]:hover:bg-hover data-[active=true]:bg-hover/50 data-[active=true]:text-ink hover:bg-hover hover:text-ink focus:bg-hover focus:text-ink focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-ink-soft flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4";
 var NAVIGATION_MENU_INDICATOR = "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden";
-var NAVIGATION_MENU_VIEWPORT = "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]";
+var NAVIGATION_MENU_VIEWPORT = "origin-top-center bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]";
 
 // src/components/navigation-menu.tsx
-import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs18 } from "react/jsx-runtime";
 function navigationMenuTriggerStyle() {
   return NAVIGATION_MENU_TRIGGER_STYLE;
 }
@@ -5102,7 +5138,7 @@ function NavigationMenu({
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "nav",
     {
       "data-slot": "navigation-menu",
@@ -5157,7 +5193,7 @@ function NavigationMenuTrigger({
   ...props
 }) {
   const { open, setOpen, triggerRef } = useItem();
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "button",
     {
       ref: triggerRef,
@@ -5271,10 +5307,10 @@ var DIALOG_CLOSE = "ring-offset-background focus:ring-ring absolute top-4 right-
 var DIALOG_HEADER = "flex flex-col gap-2 text-center sm:text-left";
 var DIALOG_FOOTER = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
 var DIALOG_TITLE = "text-lg leading-none font-semibold";
-var DIALOG_DESCRIPTION = "text-muted-foreground text-sm";
+var DIALOG_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/dialog.tsx
-import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs19 } from "react/jsx-runtime";
 var DialogContext = React58.createContext(null);
 function useDialog() {
   const ctx = React58.useContext(DialogContext);
@@ -5362,9 +5398,9 @@ function DialogContent({
     };
   }, [open]);
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs18(Portal, { children: [
+  return /* @__PURE__ */ jsxs19(Portal, { children: [
     /* @__PURE__ */ jsx48(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs18(
+    /* @__PURE__ */ jsxs19(
       "div",
       {
         "data-slot": "dialog-content",
@@ -5376,7 +5412,7 @@ function DialogContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs18(
+          showCloseButton && /* @__PURE__ */ jsxs19(
             "button",
             {
               type: "button",
@@ -5459,10 +5495,10 @@ var ALERT_DIALOG_CONTENT = "bg-background data-[state=open]:animate-in data-[sta
 var ALERT_DIALOG_HEADER = "flex flex-col gap-2 text-center sm:text-left";
 var ALERT_DIALOG_FOOTER = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
 var ALERT_DIALOG_TITLE = "text-lg font-semibold";
-var ALERT_DIALOG_DESCRIPTION = "text-muted-foreground text-sm";
+var ALERT_DIALOG_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/alert-dialog.tsx
-import { jsx as jsx49, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs20 } from "react/jsx-runtime";
 var AlertDialogContext = React59.createContext(null);
 function useAlertDialog() {
   const ctx = React59.useContext(AlertDialogContext);
@@ -5518,7 +5554,7 @@ function AlertDialogContent({ className, children, ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs19(Portal, { children: [
+  return /* @__PURE__ */ jsxs20(Portal, { children: [
     /* @__PURE__ */ jsx49(AlertDialogOverlay, {}),
     /* @__PURE__ */ jsx49(
       "div",
@@ -5619,11 +5655,11 @@ var SHEET_SIDE_TOP = "data-[state=closed]:slide-out-to-top data-[state=open]:sli
 var SHEET_SIDE_BOTTOM = "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t";
 var SHEET_HEADER = "flex flex-col gap-1.5 p-4";
 var SHEET_FOOTER = "mt-auto flex flex-col gap-2 p-4";
-var SHEET_TITLE = "text-foreground font-semibold";
-var SHEET_DESCRIPTION = "text-muted-foreground text-sm";
+var SHEET_TITLE = "text-ink font-semibold";
+var SHEET_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/sheet.tsx
-import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs21 } from "react/jsx-runtime";
 var SheetContext = React60.createContext(null);
 function useSheet() {
   const ctx = React60.useContext(SheetContext);
@@ -5701,9 +5737,9 @@ function SheetContent({ className, children, side = "right", ...props }) {
     exclude: [triggerRef]
   });
   if (!isPresent) return null;
-  return /* @__PURE__ */ jsxs20(Portal, { children: [
+  return /* @__PURE__ */ jsxs21(Portal, { children: [
     /* @__PURE__ */ jsx50(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs21(
       "div",
       {
         "data-slot": "sheet-content",
@@ -5715,7 +5751,7 @@ function SheetContent({ className, children, side = "right", ...props }) {
         ...props,
         children: [
           children,
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             "button",
             {
               type: "button",
@@ -5804,11 +5840,11 @@ var DRAWER_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-o
 var DRAWER_HANDLE = "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full";
 var DRAWER_HEADER = "flex flex-col gap-0.5 p-4 text-center sm:gap-1.5 sm:text-left";
 var DRAWER_FOOTER = "mt-auto flex flex-col gap-2 p-4";
-var DRAWER_TITLE = "text-foreground font-semibold";
-var DRAWER_DESCRIPTION = "text-muted-foreground text-sm";
+var DRAWER_TITLE = "text-ink font-semibold";
+var DRAWER_DESCRIPTION = "text-ink-soft text-sm";
 
 // src/components/drawer.tsx
-import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs22 } from "react/jsx-runtime";
 var DrawerContext = React61.createContext(null);
 function useDrawer() {
   const ctx = React61.useContext(DrawerContext);
@@ -5877,7 +5913,7 @@ function DrawerContent({ className, children, ...props }) {
   const { open, setOpen, direction } = useDrawer();
   const scopeRef = useFocusScope(open);
   if (!open) return null;
-  return /* @__PURE__ */ jsxs21(Portal, { children: [
+  return /* @__PURE__ */ jsxs22(Portal, { children: [
     /* @__PURE__ */ jsx51(
       "div",
       {
@@ -5887,7 +5923,7 @@ function DrawerContent({ className, children, ...props }) {
         onClick: () => setOpen(false)
       }
     ),
-    /* @__PURE__ */ jsxs21(
+    /* @__PURE__ */ jsxs22(
       "div",
       {
         role: "dialog",
@@ -5958,7 +5994,7 @@ function DrawerDescription({ className, ...props }) {
 
 // src/components/select.tsx
 import * as React62 from "react";
-import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs23 } from "react/jsx-runtime";
 var SelectContext = React62.createContext(null);
 function useSelect() {
   const ctx = React62.useContext(SelectContext);
@@ -6001,7 +6037,7 @@ function SelectTrigger({
   ...props
 }) {
   const { open, setOpen, anchorRef } = useSelect();
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "button",
     {
       type: "button",
@@ -6016,7 +6052,7 @@ function SelectTrigger({
         setOpen(!open);
       },
       className: cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input data-[placeholder]:text-ink-soft [&_svg:not([class*='text-'])]:text-ink-soft focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
@@ -6097,7 +6133,7 @@ function SelectContent({
       tabIndex: -1,
       onKeyDown,
       className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 relative z-50 max-h-96 min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        "bg-popover text-ink data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 relative z-50 max-h-96 min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         className
       ),
       ...props,
@@ -6122,7 +6158,7 @@ function SelectItem({
 }) {
   const { value: selectedValue, setValue, setOpen } = useSelect();
   const selected = selectedValue === value;
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       role: "option",
@@ -6142,7 +6178,7 @@ function SelectItem({
         }
       },
       className: cn(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "focus:bg-hover focus:text-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props,
@@ -6177,7 +6213,7 @@ function SelectLabel({ className, ...props }) {
     "div",
     {
       "data-slot": "select-label",
-      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      className: cn("text-ink-soft px-2 py-1.5 text-xs", className),
       ...props
     }
   );
@@ -6197,21 +6233,21 @@ function SelectSeparator({ className, ...props }) {
 import * as React63 from "react";
 
 // src/generated/command.ts
-var COMMAND_ROOT = "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md";
+var COMMAND_ROOT = "bg-popover text-ink flex h-full w-full flex-col overflow-hidden rounded-md";
 var COMMAND_DIALOG_OVERLAY = "fixed inset-0 z-50 bg-black/50";
 var COMMAND_DIALOG_CONTENT = "fixed top-1/2 left-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border p-0 shadow-lg";
 var COMMAND_DIALOG_COMMAND = "[&_[data-slot=command-input-wrapper]]:h-12 [&_[data-slot=command-input]]:h-12";
 var COMMAND_INPUT_WRAPPER = "flex h-9 items-center gap-2 border-b px-3";
-var COMMAND_INPUT = "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
+var COMMAND_INPUT = "placeholder:text-ink-soft flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50";
 var COMMAND_LIST = "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto";
 var COMMAND_EMPTY = "py-6 text-center text-sm";
-var COMMAND_GROUP = "text-foreground [&_[data-slot=command-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[data-slot=command-group-heading]]:px-2 [&_[data-slot=command-group-heading]]:py-1.5 [&_[data-slot=command-group-heading]]:text-xs [&_[data-slot=command-group-heading]]:font-medium";
-var COMMAND_ITEM = "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var COMMAND_GROUP = "text-ink [&_[data-slot=command-group-heading]]:text-ink-soft overflow-hidden p-1 [&_[data-slot=command-group-heading]]:px-2 [&_[data-slot=command-group-heading]]:py-1.5 [&_[data-slot=command-group-heading]]:text-xs [&_[data-slot=command-group-heading]]:font-medium";
+var COMMAND_ITEM = "data-[selected=true]:bg-hover data-[selected=true]:text-ink [&_svg:not([class*='text-'])]:text-ink-soft relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 var COMMAND_SEPARATOR = "bg-border -mx-1 h-px";
-var COMMAND_SHORTCUT = "text-muted-foreground ml-auto text-xs tracking-widest";
+var COMMAND_SHORTCUT = "text-ink-soft ml-auto text-xs tracking-widest";
 
 // src/components/command.tsx
-import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs24 } from "react/jsx-runtime";
 var CommandContext = React63.createContext(null);
 function useCommand() {
   const ctx = React63.useContext(CommandContext);
@@ -6297,7 +6333,7 @@ function CommandDialog({
   });
   const scopeRef = useFocusScope(isOpen);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs23(Portal, { children: [
+  return /* @__PURE__ */ jsxs24(Portal, { children: [
     /* @__PURE__ */ jsx53(
       "div",
       {
@@ -6327,8 +6363,8 @@ function CommandInput({
   ...props
 }) {
   const { search, setSearch } = useCommand();
-  return /* @__PURE__ */ jsxs23("div", { className: COMMAND_INPUT_WRAPPER, "data-slot": "command-input-wrapper", children: [
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24("div", { className: COMMAND_INPUT_WRAPPER, "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ jsxs24(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -6387,7 +6423,7 @@ function CommandEmpty({ className, children, ...props }) {
   );
 }
 function CommandGroup({ className, heading, children, ...props }) {
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       role: "group",
@@ -6463,7 +6499,7 @@ var CHART_TOOLTIP = "border-border/50 bg-background grid min-w-[8rem] items-star
 var CHART_LEGEND = "flex items-center justify-center gap-4";
 
 // src/components/chart.tsx
-import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs25 } from "react/jsx-runtime";
 var ChartContext = React64.createContext(null);
 function useChart() {
   const context = React64.useContext(ChartContext);
@@ -6481,7 +6517,7 @@ function ChartContainer({
 }) {
   const uniqueId = React64.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx54(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx54(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs25(
     "div",
     {
       "data-slot": "chart",
@@ -6524,18 +6560,18 @@ function ChartTooltipContent({
   if (!items.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       "data-slot": "chart-tooltip",
       className: cn(CHART_TOOLTIP, className),
       children: [
         !hideLabel && label ? /* @__PURE__ */ jsx54("div", { className: cn("font-medium", labelClassName), children: label }) : null,
-        /* @__PURE__ */ jsx54("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsx54("div", { className: "grid gap-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxs25(
           "div",
           {
             className: cn(
-              "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 items-center"
+              "[&>svg]:text-ink-soft flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 items-center"
             ),
             children: [
               !hideIndicator && /* @__PURE__ */ jsx54(
@@ -6548,9 +6584,9 @@ function ChartTooltipContent({
                   }
                 }
               ),
-              /* @__PURE__ */ jsxs24("div", { className: "flex flex-1 justify-between leading-none items-center", children: [
-                /* @__PURE__ */ jsx54("span", { className: "text-muted-foreground", children: item.label }),
-                item.value !== void 0 && /* @__PURE__ */ jsx54("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value })
+              /* @__PURE__ */ jsxs25("div", { className: "flex flex-1 justify-between leading-none items-center", children: [
+                /* @__PURE__ */ jsx54("span", { className: "text-ink-soft", children: item.label }),
+                item.value !== void 0 && /* @__PURE__ */ jsx54("span", { className: "text-ink font-mono font-medium tabular-nums", children: item.value })
               ] })
             ]
           },
@@ -6579,11 +6615,11 @@ function ChartLegendContent({
     {
       "data-slot": "chart-legend",
       className: cn(CHART_LEGEND, className),
-      children: rows.map((item, index) => /* @__PURE__ */ jsxs24(
+      children: rows.map((item, index) => /* @__PURE__ */ jsxs25(
         "div",
         {
           className: cn(
-            "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
+            "[&>svg]:text-ink-soft flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
           ),
           children: [
             !hideIcon && /* @__PURE__ */ jsx54(
@@ -6612,16 +6648,16 @@ var CALENDAR_NAV = "flex items-center justify-between gap-1 w-full px-1";
 var CALENDAR_CAPTION = "text-sm font-medium select-none";
 var CALENDAR_GRID = "w-full border-collapse mt-4";
 var CALENDAR_WEEKDAY_ROW = "flex";
-var CALENDAR_WEEKDAY = "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none";
+var CALENDAR_WEEKDAY = "text-ink-soft rounded-md flex-1 font-normal text-[0.8rem] select-none";
 var CALENDAR_WEEK = "flex w-full mt-2";
 var CALENDAR_DAY_EMPTY = "relative w-full h-full p-0 aspect-square select-none";
 var CALENDAR_DAY_CELL = "relative w-full h-full p-0 text-center aspect-square select-none";
 var CALENDAR_DAY = "size-auto w-full aspect-square font-normal leading-none";
-var CALENDAR_DAY_SELECTED = "bg-primary text-primary-foreground";
-var CALENDAR_DAY_TODAY = "bg-accent text-accent-foreground rounded-md";
+var CALENDAR_DAY_SELECTED = "bg-primary text-on-primary";
+var CALENDAR_DAY_TODAY = "bg-hover text-ink rounded-md";
 
 // src/components/calendar.tsx
-import { jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
 var MONTHS = [
   "January",
   "February",
@@ -6701,14 +6737,14 @@ function Calendar({
     size: "icon",
     className: CALENDAR_NAV_BUTTON
   });
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       "data-slot": "calendar",
       role: "application",
       className: cn(CALENDAR_ROOT, className),
       children: [
-        /* @__PURE__ */ jsxs25("div", { className: CALENDAR_NAV, children: [
+        /* @__PURE__ */ jsxs26("div", { className: CALENDAR_NAV, children: [
           /* @__PURE__ */ jsx55(
             "button",
             {
@@ -6731,7 +6767,7 @@ function Calendar({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs25("table", { className: CALENDAR_GRID, role: "grid", children: [
+        /* @__PURE__ */ jsxs26("table", { className: CALENDAR_GRID, role: "grid", children: [
           /* @__PURE__ */ jsx55("thead", { children: /* @__PURE__ */ jsx55("tr", { className: CALENDAR_WEEKDAY_ROW, children: WEEKDAYS.map((wd) => /* @__PURE__ */ jsx55(
             "th",
             {
@@ -6795,11 +6831,11 @@ import * as React66 from "react";
 // src/generated/sonner.ts
 var TOAST_BASE = "pointer-events-auto flex w-full items-start gap-3 rounded-md border p-4 text-sm shadow-lg";
 var toastVariantClasses = {
-  "default": "bg-popover text-popover-foreground border-border",
-  "success": "bg-popover text-popover-foreground border-main-accent-t2/40",
-  "error": "bg-popover text-popover-foreground border-destructive/50",
-  "info": "bg-popover text-popover-foreground border-border",
-  "warning": "bg-popover text-popover-foreground border-border"
+  "default": "bg-popover text-ink border-border",
+  "success": "bg-popover text-ink border-positive/40",
+  "error": "bg-popover text-ink border-accent-error/50",
+  "info": "bg-popover text-ink border-border",
+  "warning": "bg-popover text-ink border-border"
 };
 var TOASTER_BASE = "pointer-events-none fixed z-100 w-[calc(100%-2rem)] max-w-sm";
 var positionClasses = {
@@ -6810,12 +6846,12 @@ var positionClasses = {
   "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
   "bottom-right": "bottom-4 right-4"
 };
-var TOAST_CLOSE = "text-foreground/50 hover:text-foreground shrink-0 transition-colors";
+var TOAST_CLOSE = "text-ink/50 hover:text-ink shrink-0 transition-colors";
 var TOAST_CONTENT = "flex-1 space-y-1";
 var TOAST_TITLE = "font-medium";
 
 // src/components/sonner.tsx
-import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
 var DEFAULT_DURATION = 4e3;
 var SWIPE_THRESHOLD = 45;
 var SWIPE_VELOCITY = 0.11;
@@ -6977,7 +7013,7 @@ function ToastItem({
       );
     }
   };
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(
     "li",
     {
       ref,
@@ -7005,9 +7041,9 @@ function ToastItem({
         toastVariantClasses[t.variant]
       ),
       children: [
-        /* @__PURE__ */ jsxs26("div", { className: TOAST_CONTENT, children: [
+        /* @__PURE__ */ jsxs27("div", { className: TOAST_CONTENT, children: [
           /* @__PURE__ */ jsx56("div", { className: TOAST_TITLE, children: t.message }),
-          t.description ? /* @__PURE__ */ jsx56("div", { className: "text-muted-foreground text-sm", children: t.description }) : null
+          t.description ? /* @__PURE__ */ jsx56("div", { className: "text-ink-soft text-sm", children: t.description }) : null
         ] }),
         /* @__PURE__ */ jsx56(
           "button",
@@ -7123,8 +7159,8 @@ import * as React67 from "react";
 
 // src/generated/form.ts
 var FORM_ITEM = "grid gap-2";
-var FORM_DESCRIPTION = "text-muted-foreground text-sm";
-var FORM_MESSAGE = "text-destructive text-sm";
+var FORM_DESCRIPTION = "text-ink-soft text-sm";
+var FORM_MESSAGE = "text-accent-error text-sm";
 
 // src/components/form.tsx
 import { jsx as jsx57 } from "react/jsx-runtime";
@@ -7163,7 +7199,7 @@ function FormLabel({
     {
       "data-slot": "form-label",
       "data-error": !!error,
-      className: cn("data-[error=true]:text-destructive", className),
+      className: cn("data-[error=true]:text-accent-error", className),
       htmlFor: formItemId,
       ...props
     }
@@ -7224,7 +7260,7 @@ var RESIZABLE_HANDLE = "bg-border focus-visible:ring-ring relative flex w-px ite
 var RESIZABLE_HANDLE_GRIP = "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border";
 
 // src/components/resizable.tsx
-import { jsx as jsx58, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
 var ResizableContext = React68.createContext(null);
 function useResizable() {
   const ctx = React68.useContext(ResizableContext);
@@ -7360,7 +7396,7 @@ function ResizableHandle({
     event.preventDefault();
     resize(delta);
   };
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs28(
     "div",
     {
       "data-slot": "resizable-handle",
@@ -7373,7 +7409,7 @@ function ResizableHandle({
       onKeyDown,
       ...props,
       children: [
-        withHandle && /* @__PURE__ */ jsx58("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs27(
+        withHandle && /* @__PURE__ */ jsx58("div", { className: RESIZABLE_HANDLE_GRIP, children: /* @__PURE__ */ jsxs28(
           "svg",
           {
             className: "size-2.5",
@@ -7455,6 +7491,7 @@ export {
   ChartStyle,
   ChartTooltip,
   ChartTooltipContent,
+  Check,
   Checkbox,
   Collapsible,
   CollapsibleContent,
@@ -7494,6 +7531,7 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  Display,
   Drawer,
   DrawerClose,
   DrawerContent,
@@ -7524,6 +7562,7 @@ export {
   EmptyHeader,
   EmptyMedia,
   EmptyTitle,
+  Eyebrow,
   Field,
   FieldContent,
   FieldDescription,
@@ -7572,7 +7611,6 @@ export {
   Kbd,
   KbdGroup,
   Label,
-  Logo,
   Menubar,
   MenubarCheckboxItem,
   MenubarContent,
@@ -7610,6 +7648,7 @@ export {
   PopoverTrigger,
   Portal,
   Progress,
+  Prose,
   RadioGroup,
   RadioGroupItem,
   ResizableHandle,
@@ -7617,7 +7656,9 @@ export {
   ResizablePanelGroup,
   ScrollArea,
   ScrollBar,
+  Section,
   SectionDescriptor,
+  SectionHead,
   Select,
   SelectContent,
   SelectGroup,
@@ -7656,6 +7697,7 @@ export {
   Slider,
   Slot,
   Spinner,
+  Stat,
   StatusScreen,
   Switch,
   Table,
@@ -7683,7 +7725,6 @@ export {
   cn,
   mergeRefs,
   navigationMenuTriggerStyle,
-  statusButtonClass,
   toast,
   toggleVariants,
   useControllableState,