/* 8px rhythm. 4px exists only for optical nudges inside controls. */
:root{
  --space-half:4px;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:40px;
  --space-6:48px;
  --space-8:64px;
  --space-10:80px;
  --space-12:96px;
  --space-16:128px;
  --space-20:160px;
  --space-25:200px;

  /* Semantic rhythm */
  --section-y:96px;
  --section-y-tight:var(--space-12);
  --section-y-loose:128px;
  --block-gap:var(--space-6);
  --stack-gap:var(--space-3);
  --inline-gap:var(--space-2);
  --label-gap:var(--space-4);
  --control-pad-y:14px;
  --control-pad-x:var(--space-3);
  --control-h:48px;
  --control-h-sm:40px;
}