:root{
  --space-0:0px; --space-1:2px; --space-2:4px; --space-3:6px; --space-4:8px;
  --space-5:12px; --space-6:16px; --space-7:20px; --space-8:24px; --space-9:32px;
  --space-10:40px; --space-11:48px; --space-12:64px; --space-13:80px; --space-14:96px;
  --space-15:128px;

  /* Component rhythm */
  --pad-control-y:10px;      /* default control vertical padding */
  --pad-control-x:18px;
  --pad-card:20px;
  --pad-card-lg:28px;
  --gap-stack:12px;
  --gap-section:32px;

  /* Layout */
  --page-max:1200px;
  --page-gutter:24px;
  --page-gutter-lg:48px;
  --control-h-sm:32px;
  --control-h-md:40px;
  --control-h-lg:48px;
  --touch-min:44px;
}