:root{
/* graphSpace */
--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:20px;--space-xl:28px;--space-xxl:40px;
/* Layout */
--content-max-width:720px;--content-padding:16px;--content-gap:16px;--form-max-width:480px;--connect-max-width:540px;
/* Radii */
--radius-card:12px;--radius-input:10px;--radius-tile:16px;--radius-toast:18px;--radius-scanner:20px;--radius-dock:31px;--radius-dock-button:26px;--radius-pill:999px;
/* Borders */
--border-width:1px;--border-width-secondary:2px;--border-width-emphasis:2px;
/* Sizes */
--touch-min:44px;--action-height:52px;--action-compact-height:44px;--avatar-size:44px;--device-icon-size:46px;--person-size:48px;--seal-size:58px;--dock-button-height:57px;--dock-persona-width:68px;--mark-size-header:28px;--mark-size-hero:232px;
/* Motion — graphMotion (ms) */
--motion-press:110ms; /* @kind other */
--motion-release:180ms; /* @kind other */
--motion-enter:260ms; /* @kind other */
--motion-settle:340ms; /* @kind other */
--motion-seal:300ms; /* @kind other */
--motion-sky:9000ms; /* @kind other */
--scale-press:0.975; /* @kind other */
--opacity-press:0.82; /* @kind other */
--opacity-press-icon:0.6; /* @kind other */
--opacity-press-dock:0.68; /* @kind other */
--opacity-disabled:0.45; /* @kind other */
--opacity-disabled-icon:0.35; /* @kind other */
}