mirror of
https://github.com/zooai/design.git
synced 2026-10-30 14:50:04 +00:00
Monochrome, dark by default. One hue rendered through an opacity ladder. Tokens (color, type, spacing, radius, elevation, motion) + core/forms/navigation/ overlays components + brand guidelines + ui kit. The single source of truth for every Zoo surface — loadable and editable.
11 lines
529 B
CSS
11 lines
529 B
CSS
:root{
|
|
--radius:0.5rem; /* the base token (globals.css) */
|
|
--radius-sm:0.375rem; /* rounded-md — buttons, inputs */
|
|
--radius-md:0.5rem;
|
|
--radius-lg:0.75rem; /* rounded-xl — cards */
|
|
--radius-xl:1rem; /* rounded-2xl — dropdown panels */
|
|
--radius-2xl:1.5rem; /* rounded-3xl — story / hero cards */
|
|
--radius-composer:28px; /* the chat composer, exactly 28px */
|
|
--radius-full:9999px; /* pills, CTAs, avatars, badges */
|
|
}
|