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

/* layout */
--wrap-max:1360px;
--wrap-pad:64px;
--wrap-pad-mobile:24px;
--topbar-pad-y:20px;
--topbar-pad-x:32px;
--app-sidebar-w:154px;
--app-topbar-h:72px;
--card-pad:24px 22px;
--card-pad-lg:30px 28px;
}