Shape

7 radius tokens, one scheme-independent value each. --ox-radius-page and --ox-radius-chat happen to share a value today but stay separate tokens on purpose, so a theme can round chat surfaces differently from the rest of the page without touching every other container. Each box below is drawn at its real border-radius: var(--ox-radius-*).

--ox-radius-none0px

Square corners.

--ox-radius-inner4px

Nested elements inside a rounded container, like a code chip.

--ox-radius-element8px

Buttons, inputs, and other interactive controls.

--ox-radius-container12px

Cards, dialogs, and other containers.

--ox-radius-page28px

Large page-level surfaces.

--ox-radius-chat28px

Chat surfaces specifically: intentionally rounder than the rest of the page (a separate token from --ox-radius-page on purpose).

--ox-radius-full9999px

Pills and circular controls.

Border width

Just one token today, not a scale: every bordered surface on this site uses the same --ox-border-width. If a second weight is ever added, it belongs next to this one.

--ox-border-width1px