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

/* component paddings — copy these, they are the real values used by the kit */
--pad-control-x:14px;--pad-control-y:9px;
--pad-control-sm-x:10px;--pad-control-sm-y:6px;
--pad-control-lg-x:18px;--pad-control-lg-y:12px;
--pad-card:20px;
--pad-card-lg:24px;
--pad-cell-x:16px;--pad-cell-y:11px;

/* layout */
--rail-width:248px;
--rail-width-collapsed:64px;
--topbar-height:56px;
--content-max:1320px;
--gutter:24px;
--grid-gap:16px;
}