Space and shape

Corners are square everywhere except the editorial hero frame. Shadows are hard offsets, never blurred. Borders are part of the look.

Spacing

Token	Value	Usage
--space-1	4px	Hairline gaps: icon to label inside a tab.
--space-2	8px	Nav tile vertical padding (0.5em), TOC indent step, rail inner padding.
--space-3	12px	Nav tile horizontal padding (0.75em), window body padding on mobile.
--space-4	16px	Gap between top tabs and between stacked nav tiles; card padding.
--space-6	24px	Keywork global spacing; window body padding; paragraph rhythm.
--space-8	32px	Section separation in articles.
--space-12	48px	Editorial frame inner padding (mobile); hero block gaps.
--space-16	64px	Docs content gap between columns; editorial frame inner padding (desktop).

Radius

Token	Value	Usage
--radius-none	0	Default for ALL desktop chrome and documentation controls (Keywork --ifm-global-radius: 0).
--radius-tag	2px	Doc tags/kind badges only.
--radius-editorial-sm	32px	Editorial outer frame below 720px.
--radius-editorial	72px	Editorial outer hero frame only. Never on cards, buttons or docs panels.

Shadow

Pressed states swap to the -pressed token and translate the control by (-4px, 6px) so it reads as a key going down.

Token	Value	Usage
--shadow-tile	-6px 9px 0 #f6a6ac	Docs-rail nav tiles: short hard pink offset (Keywork -6px 9px 0).
--shadow-tile-pressed	-2px 3px 0 #f6a6ac	Nav tile :active — shadow collapses to read as a physical key press.
--shadow-utility	-6px 9px 0 rgba(0, 0, 0, 0.1)	Top tabs, TOC panel, code blocks on paper (Keywork --nirrius-shadow).
--shadow-utility-pressed	-2px 3px 0 rgba(0, 0, 0, 0.1)	Pressed tabs and utility buttons.
--shadow-primary	-6px 9px 0 #00a5f5	Primary/search button: electric-cyan hard offset.
--shadow-window	7px 7px 0 rgba(55, 61, 64, 0.12)	Desktop windows and system cards: restrained charcoal offset.
--shadow-pane	-5px 6px 0 rgba(0, 0, 0, 0.1)	Desktop windows (Nirrius pane shadow). Drops to none while dragging or maximised.

Border width

Token	Value	Usage
--border-hair	1px	Tiles, tabs, callouts, metadata rules, window inner frame.
--border-code	3px	Code block frame (color-code-frame).
--border-panel	4px	TOC and utility panel heavy perimeter (color-frame-gray).
--border-rail	5px	Docs left-rail right edge (color-pink-rule).

Layout

Token	Value	Usage
--layout-rail	320px	Docs left rail and right TOC width (Keywork 20rem).
--layout-page-max	1440px	Max docs page width.
--layout-measure	72ch	Prose measure in the docs centre column.
--layout-window-max	640px	Max width of a desktop content window.

Opacity

Token	Value	Usage
--opacity-watermark	0.75	Diagonal wordmark watermark layer over color-paper-pink (Keywork backgrounds.css).
--opacity-scanline	0.05	Scanline stripe alpha (2px period, 45% grey). Panels and rails only, never under body copy.