/* Spacing, radii, layout. Not specified in the guidelines; derived to honour "clean and logical, not too busy" layouts with generous space around text. */
:root{
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;

--radius-none:0;
--radius-sm:2px;
--radius-md:4px;
--radius-lg:8px;
--radius-pill:999px;
--radius-round:50%;

--border-width:1px;
--border-width-strong:2px;

--container-max:1200px;
--container-text:70ch;
--gutter:24px;
--column-gap:32px;

--control-h-sm:32px;
--control-h-md:40px;
--control-h-lg:48px;
}