:root{
  /* 4px base scale */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;

  --card-padding:24px;
  --section-gap:48px;
  --section-gap-tight:32px;
  --page-gutter:32px;
  --content-max:1200px;

  --control-height-sm:32px;
  --control-height-md:40px;
  --control-height-lg:48px;
  --input-height:44px;
  --sidebar-width:240px;
  --topbar-height:64px;
}