Production-grade Tailwind templates for AI startups.

// components/primitives/Button.tsx
import { cva } from 'class-variance-authority'

export const buttonVariants = cva(
  'rounded-lg font-medium transition-colors',
  {
    variants: {
      variant: {
        primary:   'bg-brand-600 text-white hover:bg-brand-700',
        secondary: 'border border-(--border) text-(--fg)',
        ghost:     'text-(--fg-muted) hover:bg-(--bg-muted)',
      },
    },
  },
})