@assure-one/design-system 1.17.2 → 1.19.0

package/dist/index.js

@@ -201,6 +201,20 @@ var systemTokens = {
     accentHover: "var(--color-accent-hover)",
     accentActive: "var(--color-accent-active)",
     accentRing: "var(--color-accent-ring)",
+    /* Brand — ambient product family; follows the active [data-brand] scope,
+       defaulting to Pro. Prefer these (and the generated bg-brand / text-brand
+       / border-brand-line / text-fg-on-brand utilities) for scope-aware chrome
+       so the product never appears in a class name. */
+    brand: "var(--color-brand)",
+    brandHover: "var(--color-brand-hover)",
+    brandActive: "var(--color-brand-active)",
+    brandDisabled: "var(--color-brand-disabled)",
+    brandBg: "var(--color-brand-bg)",
+    brandBgHover: "var(--color-brand-bg-hover)",
+    brandBgActive: "var(--color-brand-bg-active)",
+    brandLine: "var(--color-brand-line)",
+    brandRing: "var(--color-brand-ring)",
+    fgOnBrand: "var(--color-fg-on-brand)",
     /* Pro (purple) */
     proBg: "var(--color-pro-bg)",
     proBgHover: "var(--color-pro-bg-hover)",
@@ -211,9 +225,39 @@ var systemTokens = {
     proDisabled: "var(--color-pro-disabled)",
     proLine: "var(--color-pro-line)",
     proRing: "var(--color-pro-ring)",
-    /* On-brand */
+    auditFg: "var(--color-audit-fg)",
+    auditHover: "var(--color-audit-hover)",
+    auditActive: "var(--color-audit-active)",
+    auditDisabled: "var(--color-audit-disabled)",
+    auditBg: "var(--color-audit-bg)",
+    auditBgHover: "var(--color-audit-bg-hover)",
+    auditBgActive: "var(--color-audit-bg-active)",
+    auditLine: "var(--color-audit-line)",
+    auditRing: "var(--color-audit-ring)",
+    booksFg: "var(--color-books-fg)",
+    booksHover: "var(--color-books-hover)",
+    booksActive: "var(--color-books-active)",
+    booksDisabled: "var(--color-books-disabled)",
+    booksBg: "var(--color-books-bg)",
+    booksBgHover: "var(--color-books-bg-hover)",
+    booksBgActive: "var(--color-books-bg-active)",
+    booksLine: "var(--color-books-line)",
+    booksRing: "var(--color-books-ring)",
+    taxFg: "var(--color-tax-fg)",
+    taxHover: "var(--color-tax-hover)",
+    taxActive: "var(--color-tax-active)",
+    taxDisabled: "var(--color-tax-disabled)",
+    taxBg: "var(--color-tax-bg)",
+    taxBgHover: "var(--color-tax-bg-hover)",
+    taxBgActive: "var(--color-tax-bg-active)",
+    taxLine: "var(--color-tax-line)",
+    taxRing: "var(--color-tax-ring)",
+    /* On-brand — text/icon color on a filled brand/product surface */
     fgOnAccent: "var(--color-fg-on-accent)",
     fgOnPro: "var(--color-fg-on-pro)",
+    fgOnAudit: "var(--color-fg-on-audit)",
+    fgOnBooks: "var(--color-fg-on-books)",
+    fgOnTax: "var(--color-fg-on-tax)",
     /* Disabled */
     fgDisabled: "var(--color-fg-disabled)",
     bgDisabled: "var(--color-bg-disabled)",
@@ -2742,7 +2786,7 @@ var buttonVariants = cva(
   {
     variants: {
       variant: {
-        primary: "bg-pro-fg text-fg-on-pro hover:bg-pro-hover active:bg-pro-active",
+        primary: "bg-brand text-fg-on-brand hover:bg-brand-hover active:bg-brand-active",
         secondary: "bg-control-secondary-bg text-control-fg border border-control-border hover:bg-control-active-bg hover:border-control-border-strong",
         destructive: "bg-danger-fg text-fg-on-danger hover:bg-danger-fg-hover active:bg-danger-fg-active",
         success: "bg-success-fg text-fg-on-success hover:bg-success-fg-hover active:bg-success-fg-active",
@@ -2926,13 +2970,13 @@ var AttachmentChip = forwardRef(
   function AttachmentChip2({ name, fileType, meta, onView, onDownload, href, variant, className, ...props }, ref) {
     const resolvedType = fileType ?? deriveFileType(name);
     const onAccent = variant === "onAccent";
-    const actionClassName = onAccent ? "text-fg-on-pro hover:bg-white/20 hover:text-fg-on-pro" : void 0;
+    const actionClassName = onAccent ? "text-fg-on-brand hover:bg-white/20 hover:text-fg-on-brand" : void 0;
     const showView = Boolean(onView) || Boolean(href);
     return /* @__PURE__ */ jsxs("div", { ref, className: cn(attachmentChipVariants({ variant }), className), ...props, children: [
       /* @__PURE__ */ jsx(FileTypeBadge, { format: resolvedType, size: "md", className: "shrink-0" }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("p", { className: cn("truncate text-sm font-medium", onAccent ? "text-fg-on-pro" : "text-fg"), children: name }),
-        meta && /* @__PURE__ */ jsx("p", { className: cn("truncate text-xs", onAccent ? "text-fg-on-pro/75" : "text-fg-3"), children: meta })
+        /* @__PURE__ */ jsx("p", { className: cn("truncate text-sm font-medium", onAccent ? "text-fg-on-brand" : "text-fg"), children: name }),
+        meta && /* @__PURE__ */ jsx("p", { className: cn("truncate text-xs", onAccent ? "text-fg-on-brand/75" : "text-fg-3"), children: meta })
       ] }),
       (showView || onDownload) && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
         showView && (onView ? /* @__PURE__ */ jsx(
@@ -3071,7 +3115,7 @@ var badgeVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-pro-fg text-fg-on-pro border-transparent",
+        default: "bg-brand text-fg-on-brand border-transparent",
         secondary: "bg-bg-2 text-fg-3 border-rule",
         destructive: "bg-danger-bg text-danger-fg border-danger-line",
         success: "bg-success-bg text-success-fg border-success-line",
@@ -3240,7 +3284,7 @@ var BreadcrumbSeparator = forwardRef(
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var HIGHLIGHT_COLORS = {
-  primary: "after:bg-pro-fg",
+  primary: "after:bg-brand",
   success: "after:bg-success-fg",
   warning: "after:bg-warning-fg",
   destructive: "after:bg-danger-fg"
@@ -3319,7 +3363,7 @@ function Calendar({
           "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-fg-disabled"
         ),
         today: "[&_button]:font-semibold [&_button]:text-accent",
-        selected: "[&_button]:bg-pro-fg [&_button]:text-fg-on-pro [&_button]:hover:bg-pro-hover [&_button]:focus-visible:bg-pro-fg",
+        selected: "[&_button]:bg-brand [&_button]:text-fg-on-brand [&_button]:hover:bg-brand-hover [&_button]:focus-visible:bg-brand",
         outside: "[&_button]:text-fg-4",
         disabled: "[&_button]:text-fg-disabled",
         hidden: "invisible",
@@ -3460,13 +3504,13 @@ var Checkbox = React38.forwardRef(function Checkbox2({
         checked: resolvedChecked,
         defaultChecked,
         className: cn(
-          "peer border-rule-strong bg-surface text-pro-fg flex size-4 shrink-0 items-center justify-center border",
+          "peer border-rule-strong bg-surface text-brand flex size-4 shrink-0 items-center justify-center border",
           shape === "circle" ? "rounded-full" : "rounded-[4px]",
           "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
           "hover:border-fg-4",
           "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-          "data-[state=checked]:border-pro-fg data-[state=checked]:bg-pro-bg",
-          "data-[state=indeterminate]:border-pro-fg data-[state=indeterminate]:bg-pro-bg",
+          "data-[state=checked]:border-brand data-[state=checked]:bg-brand-bg",
+          "data-[state=indeterminate]:border-brand data-[state=indeterminate]:bg-brand-bg",
           "disabled:bg-bg-disabled disabled:border-rule disabled:text-fg-disabled disabled:cursor-not-allowed",
           "aria-[invalid=true]:border-danger-line",
           className
@@ -3594,7 +3638,7 @@ var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) =>
       "rounded-pill relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-[13px] outline-none select-none",
       "text-fg-2 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
       "focus:bg-bg-2 focus:text-fg",
-      "data-[state=checked]:bg-pro-bg data-[state=checked]:text-pro-fg",
+      "data-[state=checked]:bg-brand-bg data-[state=checked]:text-brand",
       "data-[disabled]:text-fg-disabled data-[disabled]:pointer-events-none",
       "[&_svg]:size-4 [&_svg]:shrink-0",
       className
@@ -3743,13 +3787,13 @@ var ComingSoon = forwardRef(function ComingSoon2({ icon, title, description, fea
             "bg-surface shadow-quiet p-10 text-center"
           ),
           children: [
-            /* @__PURE__ */ jsx("div", { className: "text-pro-fg mb-5 font-mono text-[11px] font-normal tracking-[0.14em] uppercase", children: "Coming soon" }),
+            /* @__PURE__ */ jsx("div", { className: "text-brand mb-5 font-mono text-[11px] font-normal tracking-[0.14em] uppercase", children: "Coming soon" }),
             /* @__PURE__ */ jsx(
               "div",
               {
                 className: cn(
                   "mx-auto mb-4 flex size-12 items-center justify-center",
-                  "rounded-icon bg-pro-bg text-pro-fg [&>svg]:size-6"
+                  "rounded-icon bg-brand-bg text-brand [&>svg]:size-6"
                 ),
                 children: icon
               }
@@ -3773,7 +3817,7 @@ var ComingSoon = forwardRef(function ComingSoon2({ icon, title, description, fea
                 className: cn(
                   "rounded-pill inline-flex items-center border px-2.5 py-0.5",
                   "text-xs font-medium",
-                  "bg-pro-bg text-pro-fg border-[color:var(--color-pro-bg-active)]"
+                  "bg-brand-bg text-brand border-[color:var(--color-brand-bg-active)]"
                 ),
                 children: "In Development"
               }
@@ -4014,7 +4058,7 @@ function CommandPalette({
                                   {
                                     className: cn(
                                       "rounded-icon flex size-8 shrink-0 items-center justify-center",
-                                      item.group === "Create" ? "bg-pro-bg text-pro-fg" : "bg-bg-2 text-fg-3"
+                                      item.group === "Create" ? "bg-brand-bg text-brand" : "bg-bg-2 text-fg-3"
                                     ),
                                     "aria-hidden": "true",
                                     children: item.icon
@@ -4117,7 +4161,7 @@ function ConfirmActionButton({
                 disabled: pending,
                 onClick: handleConfirm,
                 className: cn(
-                  !destructive && "bg-pro-fg text-fg-on-pro hover:bg-pro-hover active:bg-pro-active"
+                  !destructive && "bg-brand text-fg-on-brand hover:bg-brand-hover active:bg-brand-active"
                 ),
                 children: pending && pendingLabel != null ? pendingLabel : confirmLabel
               }
@@ -4457,7 +4501,7 @@ function YearGrid({ selected, onSelect, minYear, maxYear, formatLabel, autoFocus
             "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
             "disabled:text-fg-disabled disabled:pointer-events-none disabled:cursor-not-allowed",
             isToday && !isSelected && "text-accent font-semibold",
-            isSelected && "bg-pro-fg text-fg-on-pro hover:bg-pro-hover focus-visible:bg-pro-fg"
+            isSelected && "bg-brand text-fg-on-brand hover:bg-brand-hover focus-visible:bg-brand"
           ),
           children: formatLabel ? formatLabel(year) : year
         },
@@ -4863,9 +4907,9 @@ var DateRangePicker = forwardRef(
                     "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-fg-disabled"
                   ),
                   today: "[&_button]:font-semibold [&_button]:text-accent",
-                  range_start: "[&_button]:bg-pro-fg [&_button]:text-fg-on-pro [&_button]:hover:bg-pro-hover rounded-l-input",
-                  range_end: "[&_button]:bg-pro-fg [&_button]:text-fg-on-pro [&_button]:hover:bg-pro-hover rounded-r-input",
-                  range_middle: "[&_button]:bg-pro-bg [&_button]:text-pro-fg [&_button]:hover:bg-pro-bg-hover [&_button]:rounded-none",
+                  range_start: "[&_button]:bg-brand [&_button]:text-fg-on-brand [&_button]:hover:bg-brand-hover rounded-l-input",
+                  range_end: "[&_button]:bg-brand [&_button]:text-fg-on-brand [&_button]:hover:bg-brand-hover rounded-r-input",
+                  range_middle: "[&_button]:bg-brand-bg [&_button]:text-brand [&_button]:hover:bg-brand-bg-hover [&_button]:rounded-none",
                   outside: "[&_button]:text-fg-5",
                   disabled: "[&_button]:text-fg-disabled",
                   hidden: "invisible"
@@ -4925,7 +4969,7 @@ var sourceMap = {
   requested: {
     label: "Requested",
     Icon: SendIcon,
-    className: "border-transparent bg-pro-bg text-pro-fg"
+    className: "border-transparent bg-brand-bg text-brand"
   },
   direct: {
     label: "Direct upload",
@@ -5388,9 +5432,9 @@ function FileUpload({
           "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
           "motion-reduce:transition-none",
           // Hover (when not disabled)
-          !disabled && "hover:border-pro-line hover:bg-pro-bg/40",
+          !disabled && "hover:border-brand-line hover:bg-brand-bg/40",
           // Drag-over → Pro purple highlight
-          isDragOver && "border-pro-line bg-pro-bg",
+          isDragOver && "border-brand-line bg-brand-bg",
           disabled && "border-rule bg-bg-disabled text-fg-disabled cursor-not-allowed",
           !disabled && "cursor-pointer"
         ),
@@ -5418,7 +5462,7 @@ function FileUpload({
               {
                 className: cn(
                   "rounded-icon flex size-10 items-center justify-center transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-                  isDragOver ? "bg-pro-fg text-fg-on-pro" : "bg-pro-bg text-pro-fg"
+                  isDragOver ? "bg-brand text-fg-on-brand" : "bg-brand-bg text-brand"
                 ),
                 "aria-hidden": "true",
                 children: /* @__PURE__ */ jsx(UploadIcon, { className: "size-5" })
@@ -5841,13 +5885,15 @@ var productLogoAssets = {
   Pro: { src: "/brand/assure-pro.svg", width: 384, height: 90 },
   Audit: { src: "/brand/assure-audit.svg", width: 441, height: 90 },
   Books: { src: "/brand/assure-books.svg", width: 470, height: 90 },
-  Tax: { src: "/brand/assure-tax.svg", width: 374, height: 90 }
+  Tax: { src: "/brand/assure-tax.svg", width: 374, height: 90 },
+  Teams: { src: "/brand/mycpe-teams.svg", width: 221, height: 49 }
 };
 var productMarkAssets = {
   Pro: { src: "/brand/assure-pro-mark.svg", width: 55, height: 48 },
   Audit: { src: "/brand/assure-audit-mark.svg", width: 55, height: 48 },
   Books: { src: "/brand/assure-books-mark.svg", width: 55, height: 48 },
-  Tax: { src: "/brand/assure-tax-mark.svg", width: 55, height: 48 }
+  Tax: { src: "/brand/assure-tax-mark.svg", width: 55, height: 48 },
+  Teams: { src: "/brand/mycpe-teams-mark.svg", width: 26, height: 31 }
 };
 var productGlyphs = {
   Pro: AssureProBrandIcon,
@@ -5855,6 +5901,9 @@ var productGlyphs = {
   Books: AssureBooksBrandIcon,
   Tax: AssureTaxBrandIcon
 };
+var standaloneBrands = {
+  Teams: "myCPE Teams"
+};
 function Logo({
   size = "md",
   href = "/",
@@ -5866,7 +5915,9 @@ function Logo({
   inverted = false
 }) {
   const s = sizeStyles[size];
-  const ariaLabel = productName ? `Assure ${productName}` : "Assure";
+  const standaloneLabel = productName ? standaloneBrands[productName] : void 0;
+  const isStandalone = Boolean(standaloneLabel);
+  const ariaLabel = standaloneLabel ?? (productName ? `Assure ${productName}` : "Assure");
   const asset = productName ? productLogoAssets[productName] : void 0;
   const markAsset = productName ? productMarkAssets[productName] : void 0;
   const Glyph = productName ? productGlyphs[productName] : void 0;
@@ -5906,7 +5957,7 @@ function Logo({
         children: "A"
       }
     ) }),
-    showText && /* @__PURE__ */ jsxs(
+    showText && /* @__PURE__ */ jsx(
       "span",
       {
         className: cn(
@@ -5916,13 +5967,13 @@ function Logo({
           asset && "sr-only",
           textClassName
         ),
-        children: [
+        children: isStandalone ? /* @__PURE__ */ jsx("span", { children: standaloneLabel }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { children: "Assure" }),
           productName && /* @__PURE__ */ jsxs(Fragment, { children: [
             " ",
             /* @__PURE__ */ jsx("span", { className: cn("font-medium", inverted ? "text-[#d8cfff]" : "text-pro-fg"), children: productName })
           ] })
-        ]
+        ] })
       }
     )
   ] });
@@ -6028,7 +6079,7 @@ function MultiFilterPill({
         className: cn(
           "rounded-pill font-body inline-flex items-center border font-medium",
           TRIGGER_SIZE[size],
-          "border-pro-line bg-pro-bg text-pro-fg hover:bg-pro-bg-hover",
+          "border-brand-line bg-brand-bg text-brand hover:bg-brand-bg-hover",
           "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
           "motion-reduce:transition-none"
         ),
@@ -6053,10 +6104,10 @@ function MultiFilterPill({
               onClick: onClear,
               className: cn(
                 "ml-0.5 inline-flex size-4 items-center justify-center rounded-full",
-                "text-pro-fg transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+                "text-brand transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
                 "motion-reduce:transition-none",
-                "hover:bg-pro-bg-active",
-                "focus-visible:bg-pro-bg-active focus-visible:outline-none"
+                "hover:bg-brand-bg-active",
+                "focus-visible:bg-brand-bg-active focus-visible:outline-none"
               ),
               "aria-label": `Clear ${label} filter`,
               children: /* @__PURE__ */ jsx(XIcon, { className: "size-3", "aria-hidden": "true" })
@@ -6117,7 +6168,7 @@ function MultiFilterPill({
                         {
                           className: cn(
                             "flex size-4 shrink-0 items-center justify-center rounded-[3px] border transition-colors duration-[var(--duration-fast)] motion-reduce:transition-none",
-                            isSelected ? "border-pro-fg bg-pro-fg text-fg-on-pro" : "border-rule-strong bg-surface"
+                            isSelected ? "border-brand bg-brand text-fg-on-brand" : "border-rule-strong bg-surface"
                           ),
                           "aria-hidden": "true",
                           children: isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
@@ -6208,7 +6259,7 @@ function MultiSelectField({
             "motion-reduce:transition-none",
             "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
             size === "sm" ? "px-2.5 py-0.5 text-xs" : "px-3 py-1 text-xs",
-            isSelected ? "border-pro-line bg-pro-bg text-pro-fg hover:bg-pro-bg-hover" : "border-rule-strong bg-surface text-fg-2 hover:bg-bg-2 hover:text-fg"
+            isSelected ? "border-brand-line bg-brand-bg text-brand hover:bg-brand-bg-hover" : "border-rule-strong bg-surface text-fg-2 hover:bg-bg-2 hover:text-fg"
           ),
           children: option
         },
@@ -7081,7 +7132,7 @@ var progressBarVariants = cva(
   {
     variants: {
       variant: {
-        default: "bg-pro-fg",
+        default: "bg-brand",
         success: "bg-success-fg",
         warning: "bg-warning-fg",
         destructive: "bg-danger-fg",
@@ -7138,7 +7189,7 @@ var progressRingVariants = cva(
   {
     variants: {
       variant: {
-        default: "text-pro-fg",
+        default: "text-brand",
         success: "text-success-fg",
         warning: "text-warning-fg",
         destructive: "text-danger-fg",
@@ -7218,17 +7269,17 @@ var RadioGroupItem = React38.forwardRef(function RadioGroupItem2({ className, la
       ref,
       id,
       className: cn(
-        "peer border-rule-strong bg-surface text-pro-fg aspect-square size-4 shrink-0 rounded-full border",
+        "peer border-rule-strong bg-surface text-brand aspect-square size-4 shrink-0 rounded-full border",
         "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)]",
         "hover:border-fg-4",
         "focus-visible:[border-color:var(--focus-ring-border)] focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-        "data-[state=checked]:border-pro-fg",
+        "data-[state=checked]:border-brand",
         "disabled:bg-bg-disabled disabled:border-rule disabled:cursor-not-allowed",
         "aria-[invalid=true]:border-danger-line",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-pro-fg text-pro-fg size-2", "aria-hidden": "true" }) })
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-brand text-brand size-2", "aria-hidden": "true" }) })
     }
   );
   if (!label) return root;
@@ -7842,7 +7893,7 @@ function SearchSelect({
                 "rounded-input border-rule-strong bg-surface relative flex h-9 w-full items-center border outline-none",
                 "transition-[color,background-color,border-color] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
                 "motion-reduce:transition-none",
-                "focus-within:[outline:1px_solid_var(--color-pro-fg)] focus-within:[outline-offset:-1px]",
+                "focus-within:[outline:1px_solid_var(--color-brand)] focus-within:[outline-offset:-1px]",
                 showValue && "hover:bg-bg-2 gap-2 pr-2 pl-3",
                 disabled && "bg-bg-disabled cursor-not-allowed"
               ),
@@ -7981,7 +8032,7 @@ function SearchSelect({
                       className: cn(
                         "rounded-pill px-2.5 py-0.5 text-[12px] font-medium",
                         "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-                        active ? "bg-pro-fg text-fg-on-pro" : "border-rule text-fg-2 hover:bg-bg-2 border bg-transparent"
+                        active ? "bg-brand text-fg-on-brand" : "border-rule text-fg-2 hover:bg-bg-2 border bg-transparent"
                       ),
                       children: chip ?? "All"
                     },
@@ -8070,9 +8121,9 @@ function SearchSelect({
                             onSelect: handleCreate,
                             className: cn(
                               "rounded-pill flex cursor-default items-center gap-2 px-2 py-1.5 text-[13px] outline-none select-none",
-                              "text-pro-fg transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
+                              "text-brand transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
                               "motion-reduce:transition-none",
-                              "data-[selected=true]:bg-pro-bg"
+                              "data-[selected=true]:bg-brand-bg"
                             ),
                             children: [
                               /* @__PURE__ */ jsx(PlusIcon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
@@ -8098,10 +8149,10 @@ function SearchSelect({
                       setOpen(false);
                     },
                     className: cn(
-                      "border-rule text-pro-fg flex w-full shrink-0 items-center gap-2 border-t px-3 py-2.5 text-[13px] font-medium",
+                      "border-rule text-brand flex w-full shrink-0 items-center gap-2 border-t px-3 py-2.5 text-[13px] font-medium",
                       "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
                       "motion-reduce:transition-none",
-                      "hover:bg-pro-bg",
+                      "hover:bg-brand-bg",
                       "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
                     ),
                     children: [
@@ -8190,7 +8241,7 @@ var SectionHead = forwardRef(function SectionHead2({ eyebrow, title, meta, class
 });
 SectionHead.displayName = "SectionHead";
 var toneFill = {
-  default: "var(--color-pro-fg)",
+  default: "var(--color-brand)",
   success: "var(--color-success-fg)",
   warning: "var(--color-warning-fg)",
   destructive: "var(--color-danger-fg)",
@@ -8402,12 +8453,12 @@ var Slider = React38.forwardRef(
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "bg-bg-3 data-[disabled]:bg-bg-disabled relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "bg-pro-fg data-[disabled]:bg-fg-disabled absolute h-full" }) }),
+            /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "bg-bg-3 data-[disabled]:bg-bg-disabled relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "bg-brand data-[disabled]:bg-fg-disabled absolute h-full" }) }),
             /* @__PURE__ */ jsx(
               SliderPrimitive.Thumb,
               {
                 className: cn(
-                  "border-pro-fg bg-surface shadow-quiet block size-4 rounded-full border",
+                  "border-brand bg-surface shadow-quiet block size-4 rounded-full border",
                   "transition-[box-shadow,transform] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
                   "motion-reduce:transition-none",
                   "hover:scale-105",
@@ -9109,7 +9160,7 @@ var Stepper = forwardRef(function Stepper2({ steps, currentStep, orientation = "
                           "flex size-7 shrink-0 items-center justify-center rounded-full border text-xs font-medium tabular-nums",
                           "transition-colors duration-[var(--duration-overlay)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
                           isCompleted && "bg-success-bg text-success-fg border-success-line",
-                          isActive && "bg-pro-fg text-fg-on-pro border-pro-fg shadow-quiet",
+                          isActive && "bg-brand text-fg-on-brand border-brand shadow-quiet",
                           !isCompleted && !isActive && "bg-surface text-fg-4 border-rule"
                         ),
                         "aria-current": isActive ? "step" : void 0,
@@ -9301,7 +9352,7 @@ var switchVariants = cva(
     "motion-reduce:transition-none",
     "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
     "disabled:cursor-not-allowed",
-    "data-[state=checked]:bg-pro-fg data-[state=unchecked]:bg-bg-3",
+    "data-[state=checked]:bg-brand data-[state=unchecked]:bg-bg-3",
     // §5.17: disabled is signalled via the disabled token swap on the
     // track itself; the thumb borrows fg-disabled. No opacity.
     "data-[disabled]:data-[state=checked]:bg-fg-disabled",
@@ -9420,7 +9471,7 @@ var TableRow = forwardRef(function TableRow2({ className, ...props }, ref) {
         "border-rule-soft border-b transition-colors duration-[var(--duration-instant)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
         // G15 compound: selected wins over hover; selected+hover uses the
         // Pro hover tint (not bg-bg-2, which would fight the selection).
-        "data-[state=selected]:bg-pro-bg data-[state=selected]:hover:bg-pro-bg-hover",
+        "data-[state=selected]:bg-brand-bg data-[state=selected]:hover:bg-brand-bg-hover",
         "[&:not([data-state=selected])]:hover:bg-bg-2",
         className
       ),
@@ -9514,7 +9565,7 @@ var triggerVariants = cva(
         ),
         pill: cn(
           "rounded-pill px-3 py-1.5",
-          "data-[state=active]:bg-pro-bg data-[state=active]:text-pro-fg"
+          "data-[state=active]:bg-brand-bg data-[state=active]:text-brand"
         )
       }
     },
@@ -9782,10 +9833,10 @@ function ToastProvider({ children }) {
 }
 var variantConfig = {
   default: {
-    chip: "bg-pro-bg",
-    icon: "text-pro-fg",
-    stroke: "stroke-pro-fg",
-    ring: "ring-pro-fg/15",
+    chip: "bg-brand-bg",
+    icon: "text-brand",
+    stroke: "stroke-brand",
+    ring: "ring-brand/15",
     Icon: InfoCircleSolidIcon
   },
   success: {
@@ -9817,10 +9868,10 @@ var variantConfig = {
     Icon: InfoCircleSolidIcon
   },
   loading: {
-    chip: "bg-pro-bg",
-    icon: "text-pro-fg",
-    stroke: "stroke-pro-fg",
-    ring: "ring-pro-fg/15",
+    chip: "bg-brand-bg",
+    icon: "text-brand",
+    stroke: "stroke-brand",
+    ring: "ring-brand/15",
     Icon: LoaderIcon,
     spin: true
   }
@@ -9958,7 +10009,7 @@ function ToastItem({ toast, onDismiss }) {
                 close();
               },
               className: cn(
-                "text-pro-fg mt-2 text-sm font-semibold",
+                "text-brand mt-2 text-sm font-semibold",
                 "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:underline motion-reduce:transition-none",
                 "focus-visible:[box-shadow:var(--shadow-focus-ring)] rounded-sm focus-visible:outline-none"
               ),
@@ -10039,7 +10090,7 @@ var itemVariants = cva(
     "hover:bg-bg-2 hover:text-fg",
     "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
     "disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-bg-disabled disabled:text-fg-disabled",
-    "data-[state=on]:bg-pro-bg data-[state=on]:text-pro-fg"
+    "data-[state=on]:bg-brand-bg data-[state=on]:text-brand"
   ),
   {
     variants: {
@@ -11111,7 +11162,7 @@ var statusLabel = {
 };
 var statusClassName = {
   "not-started": "bg-surface-2 text-fg-3 border-rule",
-  "in-progress": "bg-pro-bg text-pro-fg border-pro-line",
+  "in-progress": "bg-brand-bg text-brand border-brand-line",
   complete: "bg-success-bg text-success-fg border-success-line",
   "needs-review": "bg-warning-bg text-warning-fg border-warning-line"
 };
@@ -11185,12 +11236,12 @@ var QuestionnairePanel = forwardRef(
                   onClick: () => toggleGroup(group.id),
                   "aria-expanded": isOpen,
                   className: cn(
-                    "text-pro-fg flex h-8 w-full items-center gap-2 px-4 text-left text-[11px] font-bold tracking-[0.08em] uppercase",
-                    "hover:bg-pro-bg/50 transition-colors duration-[var(--duration-fast)]",
+                    "text-brand flex h-8 w-full items-center gap-2 px-4 text-left text-[11px] font-bold tracking-[0.08em] uppercase",
+                    "hover:bg-brand-bg/50 transition-colors duration-[var(--duration-fast)]",
                     "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: "text-pro-fg flex size-4 shrink-0 items-center justify-center", children: group.icon ?? /* @__PURE__ */ jsx(ListChecksIcon, { size: 14, "aria-hidden": "true" }) }),
+                    /* @__PURE__ */ jsx("span", { className: "text-brand flex size-4 shrink-0 items-center justify-center", children: group.icon ?? /* @__PURE__ */ jsx(ListChecksIcon, { size: 14, "aria-hidden": "true" }) }),
                     /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: group.title }),
                     hasSections && /* @__PURE__ */ jsx(
                       ChevronDownIcon,
@@ -11198,7 +11249,7 @@ var QuestionnairePanel = forwardRef(
                         size: 13,
                         "aria-hidden": "true",
                         className: cn(
-                          "text-pro-fg transition-transform duration-[var(--duration-fast)]",
+                          "text-brand transition-transform duration-[var(--duration-fast)]",
                           !isOpen && "-rotate-90"
                         )
                       }
@@ -11220,7 +11271,7 @@ var QuestionnairePanel = forwardRef(
                       "text-fg-2 transition-colors duration-[var(--duration-fast)]",
                       "hover:bg-bg-2 hover:text-fg",
                       "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-                      selected && "bg-pro-bg text-pro-fg font-semibold"
+                      selected && "bg-brand-bg text-brand font-semibold"
                     ),
                     children: [
                       /* @__PURE__ */ jsx(
@@ -11228,7 +11279,7 @@ var QuestionnairePanel = forwardRef(
                         {
                           className: cn(
                             "text-fg-3 flex size-4 shrink-0 items-center justify-center",
-                            selected && "text-pro-fg"
+                            selected && "text-brand"
                           ),
                           children: section.icon
                         }
@@ -11272,7 +11323,7 @@ var QuestionnairePanel = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "px-1 pb-4", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-pro-fg text-[11px] font-bold tracking-[0.12em] uppercase", children: eyebrow }),
+            /* @__PURE__ */ jsx("p", { className: "text-brand text-[11px] font-bold tracking-[0.12em] uppercase", children: eyebrow }),
             /* @__PURE__ */ jsx("h2", { className: "text-fg mt-1 text-[21px] leading-7 font-bold", children: title }),
             description && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-2 text-[13px] leading-5", children: description }),
             totalQuestions > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
@@ -11286,7 +11337,7 @@ var QuestionnairePanel = forwardRef(
               /* @__PURE__ */ jsx("div", { className: "bg-surface-3 h-2 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: "bg-pro-fg h-full rounded-full transition-[width] duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]",
+                  className: "bg-brand h-full rounded-full transition-[width] duration-[var(--duration-normal)] ease-[var(--ease-out-quart)]",
                   style: { width: `${percent}%` }
                 }
               ) })
@@ -11304,11 +11355,11 @@ var QuestionnairePanel = forwardRef(
                   "flex snap-x snap-mandatory gap-3 overflow-x-auto overflow-y-hidden overscroll-x-contain scroll-smooth px-1 pt-2 pb-2",
                   "[scroll-padding-inline:2rem] lg:[scroll-padding-inline:0] lg:[scroll-padding-block:5rem]",
                   "motion-reduce:scroll-auto",
-                  "[scrollbar-color:var(--color-pro-fg)_transparent] [scrollbar-width:thin]",
+                  "[scrollbar-color:var(--color-brand)_transparent] [scrollbar-width:thin]",
                   "[&::-webkit-scrollbar]:h-2 [&::-webkit-scrollbar]:w-2",
                   "[&::-webkit-scrollbar-track]:bg-transparent",
-                  "[&::-webkit-scrollbar-thumb]:bg-pro-fg/35 [&::-webkit-scrollbar-thumb]:rounded-full",
-                  "hover:[&::-webkit-scrollbar-thumb]:bg-pro-fg/55",
+                  "[&::-webkit-scrollbar-thumb]:bg-brand/35 [&::-webkit-scrollbar-thumb]:rounded-full",
+                  "hover:[&::-webkit-scrollbar-thumb]:bg-brand/55",
                   "lg:grid lg:max-h-full lg:snap-none lg:gap-2 lg:overflow-x-hidden lg:overflow-y-auto lg:pr-1"
                 ),
                 children: sections.map((section, index) => {
@@ -11326,9 +11377,9 @@ var QuestionnairePanel = forwardRef(
                         "group border-rule bg-surface flex w-full snap-center gap-3 overflow-hidden rounded-[16px] border p-3 text-left will-change-transform",
                         selected ? "max-w-[300px] min-w-[280px] items-start sm:min-w-[300px] lg:max-w-none lg:min-w-0" : "max-w-[240px] min-w-[220px] items-center sm:min-w-[240px] lg:max-w-none lg:min-w-0",
                         "transition-[background-color,border-color,box-shadow,transform,min-width,max-width] duration-[var(--duration-normal)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-                        "hover:border-pro-line hover:bg-pro-bg/40 hover:-translate-y-0.5 lg:hover:translate-x-0.5 lg:hover:translate-y-0",
+                        "hover:border-brand-line hover:bg-brand-bg/40 hover:-translate-y-0.5 lg:hover:translate-x-0.5 lg:hover:translate-y-0",
                         "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-                        selected && "border-pro-line bg-pro-bg shadow-card relative z-10 scale-[1.02]"
+                        selected && "border-brand-line bg-brand-bg shadow-card relative z-10 scale-[1.02]"
                       ),
                       children: [
                         /* @__PURE__ */ jsx(
@@ -11336,7 +11387,7 @@ var QuestionnairePanel = forwardRef(
                           {
                             className: cn(
                               "mt-0.5 grid size-8 shrink-0 place-items-center rounded-full text-[12px] font-bold",
-                              status === "complete" ? "bg-success-bg text-success-fg" : selected ? "bg-pro-fg text-fg-on-pro" : "bg-surface-2 text-fg-3",
+                              status === "complete" ? "bg-success-bg text-success-fg" : selected ? "bg-brand text-fg-on-brand" : "bg-surface-2 text-fg-3",
                               !selected && "mt-0"
                             ),
                             "aria-hidden": "true",
@@ -11383,7 +11434,7 @@ var QuestionnairePanel = forwardRef(
                                   {
                                     className: cn(
                                       "block h-full rounded-full transition-[width] duration-[var(--duration-slow)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-                                      status === "complete" ? "bg-success-fg" : "bg-pro-fg"
+                                      status === "complete" ? "bg-success-fg" : "bg-brand"
                                     ),
                                     style: { width: `${itemPercent}%` }
                                   }
@@ -11401,7 +11452,7 @@ var QuestionnairePanel = forwardRef(
             )
           ] }),
           /* @__PURE__ */ jsx("div", { className: "border-rule mt-auto hidden border-t px-1 pt-3 lg:block", children: /* @__PURE__ */ jsxs("div", { className: "text-fg-3 flex items-center gap-2 text-[12px] leading-5", children: [
-            /* @__PURE__ */ jsx(HelpCircleIcon, { size: 15, className: "text-pro-fg", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx(HelpCircleIcon, { size: 15, className: "text-brand", "aria-hidden": "true" }),
             "Pick a section to load its related questions on the right."
           ] }) })
         ]
@@ -11513,12 +11564,12 @@ var Questions = forwardRef(function Questions2({
             "span",
             {
               "aria-hidden": "true",
-              className: "bg-pro-bg text-pro-fg grid size-7 shrink-0 place-items-center rounded-full text-xs font-bold",
+              className: "bg-brand-bg text-brand grid size-7 shrink-0 place-items-center rounded-full text-xs font-bold",
               children: humanIndex
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            (sectionLabel || isSectionHeader) && /* @__PURE__ */ jsx("p", { className: "text-pro-fg mb-1 text-[11px] font-bold tracking-[0.12em] uppercase", children: sectionLabel }),
+            (sectionLabel || isSectionHeader) && /* @__PURE__ */ jsx("p", { className: "text-brand mb-1 text-[11px] font-bold tracking-[0.12em] uppercase", children: sectionLabel }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
               /* @__PURE__ */ jsx(
                 "h3",
@@ -11531,7 +11582,7 @@ var Questions = forwardRef(function Questions2({
                 }
               ),
               help && /* @__PURE__ */ jsx(HelpTip, { title: help.title ?? title, body: help.body }),
-              required && /* @__PURE__ */ jsx("span", { className: "bg-pro-bg text-pro-fg rounded-full px-2 py-0.5 text-[11px] font-bold", children: "Required" })
+              required && /* @__PURE__ */ jsx("span", { className: "bg-brand-bg text-brand rounded-full px-2 py-0.5 text-[11px] font-bold", children: "Required" })
             ] }),
             description && type !== "consent-checkbox" && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-1 text-[13px] leading-5", children: description })
           ] })
@@ -11970,7 +12021,7 @@ function QuestionOptionButton({
         "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
         "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:cursor-not-allowed",
         compact ? "h-10 max-w-max rounded-[10px] px-3" : "min-h-16 rounded-[12px] px-7 py-4",
-        selected ? compact ? "border-pro-fg bg-pro-bg text-pro-fg shadow-xs" : "border-pro-line bg-pro-bg text-pro-fg hover:bg-pro-bg-hover shadow-xs" : "border-rule-strong text-fg hover:border-pro-line hover:bg-pro-bg/40",
+        selected ? compact ? "border-brand bg-brand-bg text-brand shadow-xs" : "border-brand-line bg-brand-bg text-brand hover:bg-brand-bg-hover shadow-xs" : "border-rule-strong text-fg hover:border-brand-line hover:bg-brand-bg/40",
         className
       ),
       ...props,
@@ -11982,7 +12033,7 @@ function QuestionOptionButton({
             className: cn(
               "grid shrink-0 place-items-center rounded-full border transition-colors duration-[var(--duration-fast)]",
               compact ? "size-5" : "size-4",
-              selected ? "border-pro-fg bg-pro-fg text-fg-on-pro" : "border-rule-strong bg-surface group-hover:border-pro-line text-transparent"
+              selected ? "border-brand bg-brand text-fg-on-brand" : "border-rule-strong bg-surface group-hover:border-brand-line text-transparent"
             ),
             children: selected && /* @__PURE__ */ jsx(CheckCircleSolidIcon, { size: compact ? 18 : 14 })
           }
@@ -11996,7 +12047,7 @@ function QuestionOptionButton({
           {
             className: cn(
               "ml-auto shrink-0 text-right text-[13px] font-semibold",
-              selected ? "text-pro-fg" : "text-fg-3"
+              selected ? "text-brand" : "text-fg-3"
             ),
             children: option.formLabel
           }
@@ -12012,7 +12063,7 @@ function formatBytes2(bytes) {
 }
 function HelpTip({ title, body }) {
   return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "text-pro-fg inline-flex shrink-0 cursor-help", children: /* @__PURE__ */ jsx(HelpCircleIcon, { size: 14, "aria-hidden": "true" }) }) }),
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "text-brand inline-flex shrink-0 cursor-help", children: /* @__PURE__ */ jsx(HelpCircleIcon, { size: 14, "aria-hidden": "true" }) }) }),
     /* @__PURE__ */ jsxs(
       TooltipContent,
       {
@@ -12207,7 +12258,7 @@ var AIReceiptPanel = forwardRef(function AIReceiptPanel2({ state = "idle", resul
       type: "button",
       onClick: onAttach,
       className: cn(
-        "group border-rule-strong bg-surface hover:border-pro-fg/50 hover:bg-pro-bg/40 flex w-full items-center gap-3 rounded-[var(--radius-input)] border-2 border-dashed p-3 text-left transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
+        "group border-rule-strong bg-surface hover:border-brand/50 hover:bg-brand-bg/40 flex w-full items-center gap-3 rounded-[var(--radius-input)] border-2 border-dashed p-3 text-left transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
         className
       ),
       ...props,
@@ -12314,7 +12365,7 @@ var BottomNav = forwardRef(function BottomNav2({ tabs, value, onChange, classNam
             onClick: () => onChange(tab.id),
             className: cn(
               "relative flex flex-1 flex-col items-center gap-1 px-1 py-2 text-[11px] font-medium transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
-              active ? "text-pro-fg" : "text-fg-4 hover:text-fg-2"
+              active ? "text-brand" : "text-fg-4 hover:text-fg-2"
             ),
             children: [
               /* @__PURE__ */ jsxs("span", { className: "relative [&_svg]:size-5", children: [
@@ -12625,10 +12676,10 @@ var EngagementTimelineStep = forwardRef(
 EngagementTimelineStep.displayName = "EngagementTimelineStep";
 var ROW_BASE = "group/row flex w-full items-center gap-1.5 rounded-lg px-2.5 py-1 text-left text-[12px] font-medium transition-colors duration-[120ms] motion-reduce:transition-none";
 var ROW_INACTIVE = "text-fg-2 hover:bg-surface-2 hover:text-fg";
-var ROW_ACTIVE = "bg-pro-bg text-pro-fg font-semibold";
+var ROW_ACTIVE = "bg-brand-bg text-brand font-semibold";
 var BADGE_BASE = "ml-auto min-w-[18px] rounded-full px-[5px] py-px text-center text-[10px] font-[650] tabular-nums";
 var BADGE_INACTIVE = "bg-surface-2 text-fg-4";
-var BADGE_ACTIVE = "bg-pro-bg text-pro-fg";
+var BADGE_ACTIVE = "bg-brand-bg text-brand";
 var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, defaultOpenIds, openIds, onOpenChange, className, ...props }, ref) {
   const isControlled = openIds !== void 0;
   const [internalOpen, setInternalOpen] = useState(() => new Set(defaultOpenIds ?? []));
@@ -12686,14 +12737,14 @@ var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, de
                 {
                   size: 14,
                   "aria-hidden": "true",
-                  className: cn("shrink-0", isActive ? "text-pro-fg" : "text-fg-3")
+                  className: cn("shrink-0", isActive ? "text-brand" : "text-fg-3")
                 }
               ) : /* @__PURE__ */ jsx(
                 FolderClosedIcon,
                 {
                   size: 14,
                   "aria-hidden": "true",
-                  className: cn("shrink-0", isActive ? "text-pro-fg" : "text-fg-3")
+                  className: cn("shrink-0", isActive ? "text-brand" : "text-fg-3")
                 }
               ),
               /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: node.name })
@@ -12734,7 +12785,7 @@ var ClientRailItem = forwardRef(
           // Cursor
           "cursor-pointer",
           // State — hover only when not active to avoid override
-          active ? "bg-pro-bg" : "hover:bg-surface-2",
+          active ? "bg-brand-bg" : "hover:bg-surface-2",
           className
         ),
         ...props,
@@ -12743,7 +12794,7 @@ var ClientRailItem = forwardRef(
             "span",
             {
               "aria-hidden": "true",
-              className: "absolute top-0 bottom-0 left-0 w-[3px] bg-pro-fg"
+              className: "absolute top-0 bottom-0 left-0 w-[3px] bg-brand"
             }
           ),
           /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(Avatar, { name, src: avatarSrc, size: "sm" }) }),
@@ -12754,7 +12805,7 @@ var ClientRailItem = forwardRef(
               fileCount != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-surface-2 px-[6px] py-px text-[10.5px] font-bold text-fg-3", children: fileCount })
             ] }),
             /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11.5px] text-fg-3", children: hasPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs("span", { className: "font-semibold text-pro-fg", children: [
+              /* @__PURE__ */ jsxs("span", { className: "font-semibold text-brand", children: [
                 pendingCount,
                 " pending"
               ] }),
@@ -12781,7 +12832,7 @@ var ClientRailGroupHeader = forwardRef(function ClientRailGroupHeader2({ label,
       ref,
       className: cn(
         "flex items-center gap-[7px] px-[14px] pt-[14px] pb-[5px] text-[11.5px] font-semibold",
-        accent ? "text-pro-fg" : "text-fg-3",
+        accent ? "text-brand" : "text-fg-3",
         className
       ),
       ...props,
@@ -12805,13 +12856,13 @@ function getFileTypeParts(fileType) {
     return { Icon: FileTextIcon, colorClass: "text-danger-fg" };
   }
   if (normalized.includes("image") || ["jpg", "jpeg", "png", "tiff"].some((type) => normalized.includes(type))) {
-    return { Icon: FileIcon, colorClass: "text-pro-fg" };
+    return { Icon: FileIcon, colorClass: "text-brand" };
   }
   if (normalized.includes("excel") || normalized.includes("spreadsheet") || ["xlsx", "xls", "csv"].some((type) => normalized.includes(type))) {
     return { Icon: FileTextIcon, colorClass: "text-success-fg" };
   }
   if (normalized.includes("word") || ["docx", "doc"].some((type) => normalized.includes(type))) {
-    return { Icon: FileTextIcon, colorClass: "text-pro-fg" };
+    return { Icon: FileTextIcon, colorClass: "text-brand" };
   }
   return { Icon: FileIcon, colorClass: "text-fg-4" };
 }
@@ -12890,7 +12941,7 @@ function MoreActions({ menu }) {
         className: cn(
           "grid size-[30px] place-items-center rounded-[8px] text-fg-4",
           "transition-colors duration-[120ms] motion-reduce:transition-none",
-          "group-hover:text-fg-2 hover:bg-surface hover:text-pro-fg hover:shadow-sm"
+          "group-hover:text-fg-2 hover:bg-surface hover:text-brand hover:shadow-sm"
         ),
         "aria-label": "More actions",
         onClick: (event) => event.stopPropagation(),
@@ -12930,7 +12981,7 @@ var DocumentFileRow = React38.forwardRef(
           className: cn(
             "group flex cursor-pointer items-center gap-[13px] border-b border-rule px-[14px] py-3",
             "transition-colors duration-[120ms] motion-reduce:transition-none hover:bg-surface-2",
-            selected && "bg-pro-bg",
+            selected && "bg-brand-bg",
             className
           ),
           onClick: (event) => {
@@ -12998,7 +13049,7 @@ var DocumentFileCard = React38.forwardRef(
             "group relative cursor-pointer rounded-2xl border border-rule bg-surface p-3",
             "transition-[border-color,box-shadow,transform] duration-[120ms] motion-reduce:transition-none",
             "hover:-translate-y-0.5 hover:border-rule-strong hover:shadow-sm",
-            selected && "border-pro-fg bg-pro-bg",
+            selected && "border-brand bg-brand-bg",
             className
           ),
           onClick: (event) => {
@@ -13067,11 +13118,11 @@ var DocumentRequestField = forwardRef(
               "span",
               {
                 "aria-hidden": "true",
-                className: "size-[22px] rounded-full bg-pro-bg text-pro-fg text-[11px] font-bold grid place-items-center shrink-0 leading-none",
+                className: "size-[22px] rounded-full bg-brand-bg text-brand text-[11px] font-bold grid place-items-center shrink-0 leading-none",
                 children: humanIndex
               }
             ),
-            /* @__PURE__ */ jsxs("span", { className: "text-[13px] font-[650] text-pro-fg", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-[13px] font-[650] text-brand", children: [
               "Document ",
               humanIndex
             ] }),
@@ -13664,7 +13715,7 @@ var SidebarSection = React38.forwardRef(
                 {
                   className: cn(
                     "font-mono text-[11px] tracking-[0.14em] uppercase",
-                    tone === "muted" ? "text-fg-3" : "text-pro-fg"
+                    tone === "muted" ? "text-fg-3" : "text-brand"
                   ),
                   children: label
                 }
@@ -13706,21 +13757,21 @@ var SidebarLink = React38.forwardRef(
           "motion-reduce:transition-none",
           "hover:bg-bg-3 hover:text-fg",
           "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-          "data-[active=true]:bg-pro-bg data-[active=true]:text-pro-fg data-[active=true]:font-medium",
+          "data-[active=true]:bg-brand-bg data-[active=true]:text-brand data-[active=true]:font-medium",
           // In rail, the icon itself carries the active state rather
           // than just the rule bar — color is more legible than a 2px
           // vertical mark at the column's left edge when labels are
           // hidden. The full-opacity icon override (`opacity-100`)
           // counters the default `[&_svg]:opacity-85` so the active
           // icon doesn't read as "still inactive but darker".
-          "group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:text-pro-fg group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:opacity-100",
+          "group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:text-brand group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:opacity-100",
           // Active rail: 2px wide, 16px tall, anchored to the link's
           // own left edge — no parent-padding dependency. Continues
           // working unchanged when the aside narrows to a rail.
           "data-[active=true]:before:absolute data-[active=true]:before:content-['']",
           "data-[active=true]:before:top-1/2 data-[active=true]:before:left-0",
           "data-[active=true]:before:h-4 data-[active=true]:before:w-[2px] data-[active=true]:before:-translate-y-1/2",
-          "data-[active=true]:before:bg-pro-fg data-[active=true]:before:rounded-r-full",
+          "data-[active=true]:before:bg-brand data-[active=true]:before:rounded-r-full",
           // Padding/gap stay constant so the icon stays under the cursor
           // when the column widens during peek. The label simply collapses
           // to width 0 via <SidebarLinkLabel>.
@@ -13806,7 +13857,7 @@ var sidebarLinkBadgeVariants = cva(
   {
     variants: {
       tone: {
-        default: "text-[10.5px] text-fg-4 group-data-[active=true]/link:text-pro-fg",
+        default: "text-[10.5px] text-fg-4 group-data-[active=true]/link:text-brand",
         danger: "rounded-pill bg-danger-bg px-1.5 py-0.5 text-[10.5px] text-danger-fg",
         warning: "rounded-pill bg-warning-bg px-1.5 py-0.5 text-[10.5px] text-warning-fg",
         neutral: "rounded-pill bg-bg-3 px-1.5 py-0.5 text-[10.5px] text-fg-2"
@@ -13872,14 +13923,14 @@ var SidebarLinkGroup = React38.forwardRef(
       "motion-reduce:transition-none",
       "hover:bg-bg-3 hover:text-fg",
       "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none",
-      "data-[active=true]:bg-pro-bg data-[active=true]:text-pro-fg data-[active=true]:font-medium",
+      "data-[active=true]:bg-brand-bg data-[active=true]:text-brand data-[active=true]:font-medium",
       // In rail, color carries active state since the chevron is hidden.
-      "group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:text-pro-fg group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:opacity-100",
+      "group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:text-brand group-data-[labels=hide]/sidebar:data-[active=true]:[&_svg]:opacity-100",
       // Active rail mark — anchored to body row's left edge.
       "data-[active=true]:before:absolute data-[active=true]:before:content-['']",
       "data-[active=true]:before:top-1/2 data-[active=true]:before:left-0",
       "data-[active=true]:before:h-4 data-[active=true]:before:w-[2px] data-[active=true]:before:-translate-y-1/2",
-      "data-[active=true]:before:bg-pro-fg data-[active=true]:before:rounded-r-full",
+      "data-[active=true]:before:bg-brand data-[active=true]:before:rounded-r-full",
       "[&_svg]:size-3.5 [&_svg]:shrink-0 [&_svg]:opacity-85",
       // Floating variant — match SidebarLink: taller hit area, pill active.
       "group-data-[variant=floating]/sidebar:gap-3 group-data-[variant=floating]/sidebar:rounded-lg group-data-[variant=floating]/sidebar:py-2",
@@ -14095,7 +14146,14 @@ var SidebarBrandSwitcher = React38.forwardRef(
                       },
                       p.id
                     )),
-                    extras?.map((extra) => /* @__PURE__ */ jsx(SidebarBrandSwitcherExtraRow, { extra }, extra.id))
+                    extras?.map((extra) => /* @__PURE__ */ jsx(
+                      SidebarBrandSwitcherExtraRow,
+                      {
+                        extra,
+                        rowClassName
+                      },
+                      extra.id
+                    ))
                   ]
                 }
               )
@@ -14202,20 +14260,26 @@ function SidebarBrandSwitcherOtherRow({
     }
   );
 }
-function SidebarBrandSwitcherExtraRow({ extra }) {
-  return /* @__PURE__ */ jsxs(
+function SidebarBrandSwitcherExtraRow({
+  extra,
+  rowClassName
+}) {
+  return /* @__PURE__ */ jsx(
     DropdownMenuItem,
     {
       onSelect: () => extra.onSelect(),
       "data-item": extra.dataAttr ?? extra.id,
-      className: "flex items-center gap-2.5 rounded-md px-2 py-1.5",
-      children: [
+      className: cn("flex items-center gap-2.5 rounded-md px-2 py-1.5", rowClassName),
+      children: extra.identity ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        extra.identity,
+        extra.tagline && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px] leading-tight", children: extra.tagline })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         extra.glyph,
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
           /* @__PURE__ */ jsx("span", { className: "text-fg text-[13px] font-medium", children: extra.name }),
           extra.tagline && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: extra.tagline })
         ] })
-      ]
+      ] })
     }
   );
 }
@@ -14565,7 +14629,7 @@ var SelectableKpiCard = forwardRef(
           "block w-full p-4 text-left",
           "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
           "disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-fg-disabled disabled:shadow-none",
-          selected && "border-pro-fg/40 bg-pro-bg hover:bg-pro-bg-hover ring-1 ring-pro-fg/30",
+          selected && "border-brand/40 bg-brand-bg hover:bg-brand-bg-hover ring-1 ring-brand/30",
           className
         ),
         ...props,
@@ -14688,10 +14752,10 @@ var DataTableRow = forwardRef(
         "data-state": selected ? "selected" : void 0,
         className: cn(
           "border-rule-soft border-b transition-colors duration-[var(--duration-instant)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-          // Selected hover stays in the Pro tint (G15) — when both states fire,
+          // Selected hover stays in the brand tint (G15) — when both states fire,
           // hover:bg-bg-2 was previously winning and dropping the row out of
           // the selected tint, which read as the row deselecting on hover.
-          selected ? "bg-pro-bg hover:bg-pro-bg-hover" : "hover:bg-bg-2",
+          selected ? "bg-brand-bg hover:bg-brand-bg-hover" : "hover:bg-bg-2",
           className
         ),
         ...props
@@ -15054,7 +15118,7 @@ function DataTableView({
 }
 var toneClass = {
   slate: "bg-bg-3 text-fg-3",
-  blue: "bg-[color-mix(in_oklab,var(--color-brand-audit)_14%,transparent)] text-[color:var(--color-brand-audit)]",
+  blue: "bg-[color-mix(in_oklab,var(--color-brand-tax)_14%,transparent)] text-[color:var(--color-brand-tax)]",
   violet: "bg-pro-bg text-pro-fg",
   amber: "bg-warning-bg text-warning-fg",
   ok: "bg-success-bg text-success-fg",
@@ -15455,7 +15519,7 @@ var DocumentRequestCard = forwardRef(
               "span",
               {
                 "aria-hidden": true,
-                className: "bg-pro-bg text-pro-fg ml-auto inline-flex shrink-0 items-center gap-1 rounded-lg px-2.5 py-1.5 text-[13px] font-semibold",
+                className: "bg-brand-bg text-brand ml-auto inline-flex shrink-0 items-center gap-1 rounded-lg px-2.5 py-1.5 text-[13px] font-semibold",
                 children: [
                   "Open",
                   /* @__PURE__ */ jsx(ArrowRightIcon, { size: 13 })
@@ -15655,7 +15719,7 @@ var DocumentRequestDetail = forwardRef(
                               "aria-hidden": "true",
                               className: cn(
                                 "grid size-4 shrink-0 place-items-center rounded-[5px] border transition-colors duration-[var(--duration-fast)] motion-reduce:transition-none",
-                                checked ? "bg-pro-fg border-pro-fg text-fg-on-pro" : "border-rule"
+                                checked ? "bg-brand border-brand text-fg-on-brand" : "border-rule"
                               ),
                               children: checked && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" })
                             }
@@ -15698,7 +15762,7 @@ var DocumentRequestDetail = forwardRef(
               ] })
             ] }),
             /* @__PURE__ */ jsxs(TabsContent, { value: "documents", className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: [
-              isLocked && /* @__PURE__ */ jsxs("div", { className: "bg-pro-bg text-pro-fg mb-4 flex items-center gap-2 rounded-lg px-3 py-2.5 text-[13px] font-medium", children: [
+              isLocked && /* @__PURE__ */ jsxs("div", { className: "bg-brand-bg text-brand mb-4 flex items-center gap-2 rounded-lg px-3 py-2.5 text-[13px] font-medium", children: [
                 /* @__PURE__ */ jsx(LockIcon, { size: 15, className: "shrink-0" }),
                 "This request is locked \u2014 the client can no longer upload documents."
               ] }),
@@ -15851,7 +15915,7 @@ var DocumentRequestDetail = forwardRef(
             /* @__PURE__ */ jsx(TabsContent, { value: "activity", className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: activity.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1.5", children: activity.map((event) => {
               const Icon3 = ACTIVITY_ICON[event.kind] ?? SendIcon;
               return /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-3 py-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "bg-pro-bg text-pro-fg grid size-9 shrink-0 place-items-center rounded-[10px]", children: /* @__PURE__ */ jsx(Icon3, { size: 16 }) }),
+                /* @__PURE__ */ jsx("span", { className: "bg-brand-bg text-brand grid size-9 shrink-0 place-items-center rounded-[10px]", children: /* @__PURE__ */ jsx(Icon3, { size: 16 }) }),
                 /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 pt-1", children: [
                   /* @__PURE__ */ jsx("p", { className: "text-fg-2 text-[13px] leading-snug", children: event.text }),
                   /* @__PURE__ */ jsx("p", { className: "text-fg-4 mt-0.5 text-[12px]", children: event.time })
@@ -15931,7 +15995,7 @@ function CommentRow({ comment }) {
             {
               className: cn(
                 "mt-1 rounded-2xl px-3 py-2 text-[13px] leading-snug",
-                isFirm ? "bg-pro-bg text-pro-fg rounded-tr-sm" : "bg-surface-2 text-fg-2 rounded-tl-sm"
+                isFirm ? "bg-brand-bg text-brand rounded-tr-sm" : "bg-surface-2 text-fg-2 rounded-tl-sm"
               ),
               children: /* @__PURE__ */ jsx("p", { className: "break-words whitespace-pre-wrap", children: comment.body })
             }
@@ -16006,7 +16070,7 @@ var DocumentSourceFilter = forwardRef(
               {
                 className: cn(
                   "rounded-md px-1.5 py-px text-[11px] font-bold tabular-nums",
-                  active ? "bg-pro-bg-active text-pro-fg" : "bg-surface-2 text-fg-4"
+                  active ? "bg-brand-bg-active text-brand" : "bg-surface-2 text-fg-4"
                 ),
                 children: count
               }
@@ -16375,7 +16439,7 @@ var NotificationPanelHeader = forwardRef(
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("h3", { className: "text-fg text-[15px] font-semibold", children: title }),
-            unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "bg-pro-bg text-pro-fg rounded-pill px-1.5 py-0.5 text-[11px] font-semibold tabular-nums", children: unreadCount > 99 ? "99+" : unreadCount })
+            unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "bg-brand-bg text-brand rounded-pill px-1.5 py-0.5 text-[11px] font-semibold tabular-nums", children: unreadCount > 99 ? "99+" : unreadCount })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
             onMarkAllRead && /* @__PURE__ */ jsx(
@@ -16383,7 +16447,7 @@ var NotificationPanelHeader = forwardRef(
               {
                 type: "button",
                 onClick: onMarkAllRead,
-                className: "text-pro-fg rounded-md px-1.5 py-1 text-sm font-medium hover:bg-[color:var(--color-pro-bg)] focus-visible:ring-accent outline-none focus-visible:ring-2",
+                className: "text-brand rounded-md px-1.5 py-1 text-sm font-medium hover:bg-[color:var(--color-brand-bg)] focus-visible:ring-accent outline-none focus-visible:ring-2",
                 children: "Mark all read"
               }
             ),
@@ -16429,7 +16493,7 @@ var NotificationFilter = forwardRef(
                 className: cn(
                   "inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1 capitalize transition-colors",
                   "focus-visible:ring-accent outline-none focus-visible:ring-2",
-                  selected ? "bg-surface text-pro-fg ring-1 ring-[color:var(--color-pro-line)]" : "text-fg-3 hover:text-fg"
+                  selected ? "bg-surface text-brand ring-1 ring-[color:var(--color-brand-line)]" : "text-fg-3 hover:text-fg"
                 ),
                 children: [
                   option,
@@ -16438,7 +16502,7 @@ var NotificationFilter = forwardRef(
                     {
                       className: cn(
                         "rounded-md px-1.5 py-px text-[11px] font-semibold tabular-nums",
-                        selected ? "bg-pro-bg text-pro-fg" : "bg-bg-2 text-fg-4"
+                        selected ? "bg-brand-bg text-brand" : "bg-bg-2 text-fg-4"
                       ),
                       children: count
                     }
@@ -16479,7 +16543,7 @@ var NotificationItem = forwardRef(
         className: cn(
           "flex w-full gap-3 px-4 py-3 text-left outline-none",
           "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-          unread ? "bg-pro-bg hover:bg-pro-bg-hover focus-visible:bg-pro-bg-hover" : "hover:bg-bg-2/60 focus-visible:bg-bg-2/60",
+          unread ? "bg-brand-bg hover:bg-brand-bg-hover focus-visible:bg-brand-bg-hover" : "hover:bg-bg-2/60 focus-visible:bg-bg-2/60",
           className
         ),
         ...props,
@@ -16508,7 +16572,7 @@ var NotificationItem = forwardRef(
                   children: title
                 }
               ),
-              unread && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "bg-pro-fg size-1.5 shrink-0 rounded-full" })
+              unread && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "bg-brand size-1.5 shrink-0 rounded-full" })
             ] }),
             body && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 truncate text-xs", children: body }),
             (typeLabel || client || time) && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-center gap-2", children: [
@@ -16671,7 +16735,7 @@ var TimeLoggerHeader = forwardRef(
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: "bg-pro-bg text-pro-fg flex size-7 shrink-0 items-center justify-center rounded-lg [&_svg]:size-[17px]",
+              className: "bg-brand-bg text-brand flex size-7 shrink-0 items-center justify-center rounded-lg [&_svg]:size-[17px]",
               "aria-hidden": "true",
               children: icon ?? /* @__PURE__ */ jsx(ClockIcon, {})
             }
@@ -16959,7 +17023,7 @@ var TimeLoggerBillable = forwardRef(
                     {
                       className: cn(
                         "flex-1 truncate text-[13px]",
-                        selected ? "text-pro-fg font-medium" : "text-fg"
+                        selected ? "text-brand font-medium" : "text-fg"
                       ),
                       children: tier.name
                     }
@@ -16972,7 +17036,7 @@ var TimeLoggerBillable = forwardRef(
                     CheckIcon,
                     {
                       className: cn(
-                        "text-pro-fg size-4 shrink-0",
+                        "text-brand size-4 shrink-0",
                         selected ? "opacity-100" : "opacity-0"
                       )
                     }
@@ -17034,7 +17098,7 @@ var TimeLoggerEntry = forwardRef(
             "span",
             {
               "aria-hidden": "true",
-              className: "border-pro-fg size-[15px] shrink-0 rounded-full border-[1.5px] shadow-[inset_0_0_0_3px_var(--color-pro-fg)]"
+              className: "border-brand size-[15px] shrink-0 rounded-full border-[1.5px] shadow-[inset_0_0_0_3px_var(--color-brand)]"
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -17048,7 +17112,7 @@ var TimeLoggerEntry = forwardRef(
               type: "button",
               variant: "ghost",
               size: "icon-sm",
-              className: "text-fg-3 hover:text-pro-fg hover:bg-pro-bg rounded-full",
+              className: "text-fg-3 hover:text-brand hover:bg-brand-bg rounded-full",
               "aria-label": "Resume entry",
               onClick: onResume,
               children: /* @__PURE__ */ jsx(PlayIcon, {})
@@ -17101,7 +17165,7 @@ var filterChipVariants = cva(
   {
     variants: {
       active: {
-        true: "bg-pro-bg text-pro-fg border-pro-fg/30 hover:bg-pro-bg-hover",
+        true: "bg-brand-bg text-brand border-brand/30 hover:bg-brand-bg-hover",
         false: "bg-bg-2 text-fg-2 border-rule hover:bg-bg-3"
       },
       // Control text scale shared with Button / MultiFilterPill: sm = 13px,
@@ -17653,7 +17717,31 @@ function SignatureEditor({
   ] });
 }
 SignatureEditor.displayName = "SignatureEditor";
+function brandScope(product) {
+  return { "data-brand": product };
+}
+var BRAND_PRODUCTS = ["pro", "audit", "books", "tax"];
+var brandLabel = {
+  pro: "Pro",
+  audit: "Audit",
+  books: "Books",
+  tax: "Tax"
+};
+var BrandScopeContext = createContext("pro");
+function BrandScopeProvider({
+  product,
+  children
+}) {
+  return /* @__PURE__ */ jsx(BrandScopeContext.Provider, { value: product, children });
+}
+function useBrandScope() {
+  return useContext(BrandScopeContext);
+}
+var BrandScope = forwardRef(function BrandScope2({ product, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(BrandScopeProvider, { product, children: /* @__PURE__ */ jsx("div", { ref, "data-brand": product, ...props, children }) });
+});
+BrandScope.displayName = "BrandScope";
 
-export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, AgreementPaneHeading, AgreementViewer, AiDraftCard, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, Assignee, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttachmentChip, AttentionItem, Avatar, BRAND_PRODUCTS, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, BrandScope, BrandScopeProvider, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CategoryDivider, CategoryTag, ChannelTabs, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientRailGroupHeader, ClientRailItem, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, Dash, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DataTableView, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentDetailActions, DocumentDetailBody, DocumentDetailHeader, DocumentDetailMetaRow, DocumentDetailPanel, DocumentDetailRequester, DocumentDetailTitle, DocumentFileCard, DocumentFileRow, DocumentIcon, DocumentList, DocumentListSection, DocumentRequestCard, DocumentRequestDetail, DocumentRequestField, DocumentRow, DocumentSourceFilter, DocumentSourceTag, DocumentsWorkspaceLayout, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmailMessageCard, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, ExtractIcon, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileTypeBadge, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FolderUpIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, IconTile, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, IntentBadge, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LandmarkIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MasterDetailLayout, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MissingDocumentsPanel, MoneyCell, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PdfPreview, PenSignIcon, PenToolIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, ProposalAddOn, ProposalBillingTerms, ProposalConsentGate, ProposalCustomPage, ProposalNote, ProposalPackageCard, ProposalPaymentCapture, ProposalPricingSummary, ProposalServiceRow, ProposalSignatureBlock, ProposalSignerList, QuestionnairePanel, Questions, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, ResponsiveDialog, RotateCcwIcon, RouteTransition, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, SignatureEditor, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, SpreadsheetPreview, StackedBarChart, StagePill, StarIcon, StarRating, Stat, StatusDot, StatusIcon, StatusPill, Stepper, StickyActionBar, StopIcon, StrikethroughIcon, SubmitButton, SuggestionPills, SuiteProgress, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TagsCell, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, attachmentChipVariants, badgeVariants, brandLabel, brandScope, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, fileTypeBadgeVariants, fileTypeFromName, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, iconTileVariants, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, statusDotVariants, suiteProgressFillVariants, surfaces, systemTokens, textareaVariants, typography, useBrandScope, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map