Frontend Design — Kadenwood CRM

Kadenwood uses Tailwind CSS v4 (CSS-first, no tailwind.config.ts), shadcn/ui New York style with Radix UI primitives, and an OKLCH color system defined entirely in app/globals.css. All tokens are CSS custom properties; theming is .dark class on <html>.

Quick Start

The `cn()` utility — always use it

import { cn } from "@/lib/utils"

// Merges Tailwind classes intelligently — clsx conditions + twMerge conflict resolution
<div className={cn("rounded-xl bg-card p-6", isActive && "ring-2 ring-primary", className)} />