:root{
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
  --space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;
  --space-16:64px;--space-20:80px;--space-24:96px;--space-28:110px;--space-30:120px;

  --gutter-page:32px;         /* marketing page side padding */
  --gutter-app:16px;          /* mobile app side padding */
  --max-content:1160px;       /* marketing content column */
  --section-y:110px;          /* vertical rhythm between marketing sections */
  --card-pad:24px;
  --card-pad-lg:44px;
  --control-h-sm:36px;
  --control-h-md:44px;        /* default; also the mobile hit-target floor */
  --control-h-lg:52px;
}