Styles

Style Dictionary tokens in packages/tokens/tokens/*.json. Rebuild with ./scripts/packages.sh tokens. Theme attribute: data-docuvate-theme (light / dark).

Color

Live values follow the page theme.

--dv-color-bg

bg-raised

--dv-color-bg-raised

bg-overlay

--dv-color-bg-overlay

text

--dv-color-text

text-muted

--dv-color-text-muted

border

--dv-color-border

accent

--dv-color-accent

accent-soft

--dv-color-accent-soft

accent-contrast

--dv-color-accent-contrast

danger

--dv-color-danger

--dv-color-ok

Type

Docuvate — 3xl / 56 / bold

3xl / 56 / bold

Docuvate — 2xl / 40 / semibold

2xl / 40 / semibold

Docuvate — xl / 28 / semibold

xl / 28 / semibold

Docuvate — lg / 20 / medium

lg / 20 / medium

Docuvate — md / 16 / regular

md / 16 / regular

Docuvate — sm / 14

sm / 14

Docuvate — xs / 12 / mono

xs / 12 / mono

Space

2xs 4

xs 8

sm 12

md 16

lg 24

xl 32

2xl 48

3xl 72

Shadow

bar

Motion

Durations: fast var(--dv-motion-duration-fast), normal var(--dv-motion-duration-normal), slow var(--dv-motion-duration-slow). Easing: var(--dv-motion-easing-standard).

Radius

Max 12px — no pill radii in product UI.

sm 4

md 8

lg 12

Components

Buttons

Input & select

Chips & badges

DefaultInboxSuggestStatus

Card & alert

Card title

Card body using shared surface tokens.

Info alert

Success

Warning

Danger

Table

Document	Status
Invoice Q3	Ready
Contract	Processing