refactor(ui): replace inline hex colors with theme tokens in tabs and combobox

ui/components/shadcn/combobox/combobox.tsx

@@ -40,7 +40,7 @@ const comboboxContentVariants = cva("p-0", {
       default:
         "w-[calc(100vw-2rem)] max-w-md rounded-xl border border-border-neutral-secondary bg-bg-neutral-secondary shadow-md sm:w-full",
       ghost:
-        "w-[calc(100vw-2rem)] max-w-md rounded-lg border border-slate-400 bg-white sm:w-full dark:border-[#262626] dark:bg-[#171717]",
+        "w-[calc(100vw-2rem)] max-w-md rounded-lg border border-slate-400 bg-white sm:w-full dark:border-border-neutral-secondary dark:bg-bg-neutral-tertiary",
     },
   },
   defaultVariants: {

ui/components/shadcn/tabs/tabs.tsx

@@ -16,7 +16,7 @@ import { cn } from "@/lib/utils";
  */
 const TRIGGER_STYLES = {
   base: "relative inline-flex min-w-0 items-center justify-center gap-2 py-3 text-sm font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&:not(:first-child)]:pl-4 [&:not(:last-child)]:pr-4",
-  border: "border-r border-[#E9E9F0] last:border-r-0 dark:border-[#171D30]",
+  border: "border-r border-border-neutral-secondary last:border-r-0",
   text: "text-slate-600 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white",
   active:
     "data-[state=active]:text-slate-900 dark:data-[state=active]:text-white",
@@ -55,7 +55,7 @@ function buildListClassName(): string {
   // `flex` + `min-w-0` lets the triggers shrink proportionally when the
   // container is narrow, so each trigger truncates with ellipsis instead
   // of forcing a horizontal scrollbar.
-  return "flex w-full min-w-0 items-center border-[#E9E9F0] dark:border-[#171D30]";
+  return "flex w-full min-w-0 items-center border-border-neutral-secondary";
 }
 
 function Tabs({