:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;

/* Layout */
--margin-page:48px;--margin-page-lg:80px;--gutter:24px;--container-max:1200px;--measure:68ch;
/* Gap between a block and the keyline should equal half the margin */
--gap-block-keyline:calc(var(--margin-page) / 2);
/* Logo clear space = 2x the height of the colour bars */
--logo-bar-height:6px;--logo-clear-space:calc(var(--logo-bar-height) * 2);--logo-min-width:80px;
}