:root{
--space-0:0px;--space-25:2px;--space-50:4px;--space-100:8px;--space-150:12px;--space-200:16px;--space-250:20px;--space-300:24px;--space-400:32px;--space-500:40px;--space-600:48px;--space-800:64px;--space-1000:80px;--space-1200:96px;
}
/* NOTE: --radius-*, --size-icon-*, --size-control-*, --size-avatar-*, and --border-width-*
   are intentionally NOT redefined here. They are owned by fig-tokens.css as UNITLESS Figma
   Variables (e.g. --size-control-md: 32), because components multiply them by 1px in calc()
   — e.g. height: calc(var(--size-control-md) * 1px). Re-declaring them with a px unit made
   that calc `calc(32px * 1px)`, which is invalid CSS, so every control (Button, Toggle, etc.)
   collapsed to its text height (~16px). Keeping the unitless Figma values fixes the controls. */