/* WebberUI Theme Studio 匯出 */
:root {
--color-fd-primary: #0f172a;
--color-fd-primary-foreground: #ffffff;
--color-fd-ring: #0f172a;
--color-fd-background: #ffffff;
--color-fd-foreground: #0a0a0a;
--color-fd-card: #ffffff;
--color-fd-card-foreground: #0a0a0a;
--color-fd-popover: #ffffff;
--color-fd-popover-foreground: #0a0a0a;
--color-fd-muted: #f5f5f5;
--color-fd-muted-foreground: #787878;
--color-fd-accent: #f0f0f0;
--color-fd-accent-foreground: #0a0a0a;
--color-fd-secondary: #f2f2f2;
--color-fd-secondary-foreground: #0a0a0a;
--color-fd-border: #e0e0e0;
--wb-radius: 8px;
--wb-radius-sm: 4px;
--wb-radius-lg: 14px;
--wb-font-family: -apple-system, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
--wb-font-size: 16px;
--wb-density: 1;
--wb-space: 0.250rem;
--wb-duration-fast: 200ms;
--wb-duration-normal: 400ms;
--wb-duration-slow: 800ms;
}
把匯出的內容貼進專案的 globals.css， 以 shadcn 安裝的 WebberUI 元件就會套用同一組主題。
註：以語意變數（fd-*）著色的元件會完整跟隨； 少數刻意固定色階的視覺元件（如深色資料卡、著色背景特效）維持原設計。 Pro 可儲存多組品牌主題。