:root{
--kd-space-0:0;--kd-space-2:2px;--kd-space-4:4px;--kd-space-6:6px;--kd-space-8:8px;--kd-space-10:10px;--kd-space-12:12px;--kd-space-16:16px;--kd-space-20:20px;--kd-space-24:24px;--kd-space-32:32px;--kd-space-40:40px;--kd-space-48:48px;--kd-space-64:64px;--kd-space-80:80px;--kd-space-96:96px;--kd-space-120:120px;--kd-space-160:160px;
/* Layout */
--kd-gutter-mobile:20px;--kd-gutter-desktop:40px;--kd-page-max:1200px;--kd-app-max:1440px;--kd-panel-min:280px;
/* Control heights — the vertical rhythm every interactive element snaps to */
--kd-control-sm:30px;--kd-control-md:38px;--kd-control-lg:46px;--kd-touch-min:44px;
}