# UX Token Contract (Shared)

Define these CSS variables in `src/app/globals.css` under `:root` and optionally provide a `.dark` override.

- `--ux-bg`
- `--ux-surface`
- `--ux-surface-2`
- `--ux-border`
- `--ux-text`
- `--ux-text-muted`
- `--ux-accent`
- `--ux-accent-foreground`
- `--ux-danger`
- `--ux-warning`
- `--ux-success`
- `--ux-ring`
- `--ux-shadow`

Usage examples:

- `bg-[var(--ux-surface)]`
- `text-[var(--ux-text)]`
- `border-[var(--ux-border)]`