Point color, radius, stroke, focus, and type tokens at the Figma scale so later sections use the same values.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/controls/SelectInput/SelectDropdown.tsx

@@ -11,9 +11,9 @@ interface SelectDropdownProps extends React.HTMLAttributes<HTMLDivElement> {
 const SelectDropdown = forwardRef<HTMLDivElement, SelectDropdownProps>(
   ({ className = "", children, ariaLabel, ...props }, ref) => {
     const menuClasses = `
-      bg-black
+      bg-[var(--color-surface-default-primary)]
       border border-[var(--color-border-default-tertiary)]
-      rounded-[var(--measures-radius-medium)]
+      rounded-[var(--radius-400)]
       shadow-lg
       p-[4px]
       min-w-[200px]
@@ -29,7 +29,6 @@ const SelectDropdown = forwardRef<HTMLDivElement, SelectDropdownProps>(
         className={menuClasses}
         role="listbox"
         aria-label={ariaLabel}
-        style={{ backgroundColor: "#000000" }}
         {...props}
       >
         {children}