:root{
  --space-1:8px; --space-2:12px; --space-3:16px; --space-4:24px;
  --space-5:32px; --space-6:48px; --space-7:64px; --space-8:80px; --space-9:120px;
  --gap-xs:8px; --gap-sm:12px; --gap-md:20px; --gap-lg:32px; --gap-xl:48px;

  --content-max:1320px; /* @kind spacing */
  --measure:34rem; /* @kind spacing */
  --measure-lead:680px; /* @kind spacing */
  --gutter:clamp(20px,5vw,72px); /* @kind spacing */

  --card-pad:clamp(22px,2.4vw,30px); /* @kind spacing */
  --card-min-h:clamp(230px,20vw,300px); /* @kind spacing */
  --block-pad:clamp(28px,4vw,48px); /* @kind spacing */
  --hit-min:44px; /* @kind spacing */
}