:root{
/* 4px base grid */
--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;

/* Rules and outlines. The brand is built on heavy black keylines. */
--rule-hair:1px;
--rule-thin:2px;
--rule:3px;
--rule-thick:5px;
--rule-heavy:8px;

/* Corner radii: the system is square. Radius is only ever used on pill chips
   and the rounded-rect screen bezels in the illustration set. */
--radius-0:0px;
--radius-bezel:10px;
--radius-pill:999px;

/* Hard offset "print" shadow — no blur, ever. */
--shadow-offset:6px 6px 0 var(--iii-black);
--shadow-offset-sm:3px 3px 0 var(--iii-black);
--shadow-offset-lg:10px 10px 0 var(--iii-black);

/* Layout */
--container-max:1240px;
--gutter:var(--space-6);
}