:root{
--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;
--space-7:16px;--space-8:18px;--space-9:20px;--space-10:22px;--space-11:26px;--space-12:32px;
--space-13:44px;--space-14:56px;--space-15:72px;

/* layout */
--container-max:1240px;--gutter:32px;
--section-y:clamp(44px,5vw,72px); /* @kind spacing */
--section-y-lg:clamp(48px,6vw,84px); /* @kind spacing */
--card-pad:22px;--card-pad-lg:clamp(20px,2.6vw,30px);--panel-pad:26px;

/* control geometry */
--control-h:38px;--input-pad-y:12px;--input-pad-x:13px;
--btn-pad-y:14px;--btn-pad-x:26px;--btn-pad-y-sm:9px;--btn-pad-x-sm:16px;
}