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

  /* Roles */
  --pad-card:28px;
  --pad-card-lg:36px;
  --pad-button-y:16px;
  --pad-button-x:32px;
  --gap-grid:24px;
  --gap-stack:16px;
  --section-y:120px;
  --section-y-tight:80px;
}
@media (max-width:860px){
  :root{ --section-y:72px; --section-y-tight:56px; --pad-card:22px; --pad-card-lg:24px; }
}