:root{
/* 4px base. Values below are the ones that actually recur in the kit. */
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:56px;
--space-12:72px;--space-14:96px;--space-16:120px;--space-20:160px;

/* Semantic */
--gap-inline:8px;        /* icon → label */
--gap-stack-tight:12px;  /* title → description */
--gap-stack:24px;        /* block → block inside a card */
--gap-grid:24px;         /* card → card */
--pad-card:24px;
--pad-card-lg:32px;
--pad-control-x:24px;    /* pill button horizontal */
--pad-control-y:14px;
--section-y:120px;       /* vertical rhythm between marketing sections */
--section-y-tight:80px;
--container:1200px;      /* marketing content width */
--container-narrow:720px;/* centred headline + lead copy */
}