:root{
/* 4px base. The guideline slides use 140px page margins and a 72px gutter
   on a 1920px canvas; --layout-* keeps those ratios available. */
--space-px:1px;
--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:140px;

--layout-margin:140px;      /* slide / hero page margin at 1920 */
--layout-margin-web:clamp(24px,7.3vw,140px);
--layout-gutter:72px;
--layout-column:356px;      /* 4-up column on the 1640px measure */
--layout-measure:1640px;    /* 1920 - 2x140 */
--layout-measure-text:62ch; /* comfortable reading measure for body copy */

--rule-hairline:1px;
--rule-accent:2px;
--rule-bar:6px;             /* business-card top bar */
--rule-accent-length:72px;  /* short honey rule beside spaced small caps */
}