Tokens
Kikita UI exposes native CSS custom properties as the runtime theming contract. SCSS variables are not public API.
Public CSS variables use the --kui-* prefix and flow through predictable layers.
seed -> palette -> semantic -> componentRequired color seeds generate the palette and semantic token layers.
| Name | Type | Default | Description |
|---|---|---|---|
| --kui-seed-primary | oklch(0.52 0.25 285) | — | Brand and action color. |
| --kui-seed-neutral | oklch(0.5 0.01 80) | — | Surface, border, and text base. |
| --kui-seed-success | oklch(0.54 0.16 145) | — | Positive state. |
| --kui-seed-warning | oklch(0.74 0.16 75) | — | Caution state. |
| --kui-seed-danger | oklch(0.54 0.22 25) | — | Error or destructive state. |
| --kui-seed-info | oklch(0.58 0.16 215) | — | Informational state. |
Radius and spacing scales are shared by component tokens and docs layout primitives.
--kui-radius-none: 0;
--kui-radius-xs: 4px;
--kui-radius-sm: 6px;
--kui-radius-md: 8px;
--kui-radius-lg: 10px;
--kui-radius-xl: 14px;
--kui-radius-full: 9999px;