Make the brand CTA visible and fix two more v3 variable classes

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UytviPMJbXzD8P84nLvXcq

frontend/src/components/Flow/NodePanel.tsx

@@ -131,7 +131,7 @@ function SuggestInput({
       </PopoverAnchor>
       <PopoverContent
         align="start"
-        className="w-[--radix-popover-trigger-width] p-0"
+        className="w-[var(--radix-popover-trigger-width)] p-0"
         onOpenAutoFocus={(event) => event.preventDefault()}
       >
         <Command shouldFilter={false}>

frontend/src/components/Flow/ValuePreview.tsx

@@ -103,7 +103,7 @@ export function ValuePreview({
       >
         <ChevronRight
           className={cn(
-            "size-3 shrink-0 transition-transform duration-[--duration-fast]",
+            "size-3 shrink-0 transition-transform duration-[var(--duration-fast)]",
             open && "rotate-90",
           )}
         />

frontend/src/components/UserSettings/RemoteAccess.tsx

@@ -205,7 +205,8 @@ export function RemoteAccess() {
           </div>
           <div>
             <Button
-              className="rounded-full bg-[--brand-secondary] text-white hover:opacity-90"
+              variant="brand"
+              className="rounded-full"
               disabled={!code.trim() || !portalUrl.trim() || connect.isPending}
               onClick={() => connect.mutate()}
             >