:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:26px;
--space-7:34px;
--space-8:44px;
--space-9:56px;
--space-10:76px;
--space-11:104px;   /* the canonical gap between page sections */

/* layout */
--page-gutter:44px;        /* horizontal page padding */
--page-frame:20px;         /* outer inset of the full-bleed hero frame */
--section-gap:104px;
--grid-gap:16px;
--tile-gap:14px;
--hairline:1px;            /* grid lines are made of 1px gap over a bone-alpha bg */

/* control geometry */
--control-pad-y:11px; --control-pad-x:18px;   /* nav pill */
--cta-pad-y:17px;     --cta-pad-x:26px;       /* primary CTA */
--cta-sm-pad-y:14px;  --cta-sm-pad-x:22px;
--card-pad:28px 26px 30px;
--panel-pad:34px 34px 38px;
}