Semantic Theme Builder

Design a complete UI theme with eight semantic color roles — background, foreground, card, muted surface, border, primary, secondary, and accent — for light and dark mode. Preview your theme on real dashboard components, pair Google Fonts, audit contrast with WCAG and APCA, extract colors from images, and export as CSS variables, Tailwind v4 @theme tokens, SCSS, Figma tokens, or JSON.