:root{
/* the source works on a 5/10 px rhythm — never a 4/8 grid */
--space-1:4px;
--space-2:5px;
--space-3:8px;
--space-4:10px;
--space-5:14px;
--space-6:15px;
--space-7:16px;
--space-8:18px;
--space-9:20px;
--space-10:30px;
--space-11:40px;
--space-12:50px;
--space-13:60px;
--space-14:70px;
--space-15:80px;
--space-16:110px;
--space-17:120px;
--space-18:130px;
--space-19:160px;
--space-20:200px;

/* rhythm aliases */
--gap-inline:20px;         /* icon ↔ label */
--gap-card:30px;           /* grid gutter */
--gap-column:60px;         /* multi-column gap */
--gap-split:130px;         /* two-up editorial split */
--section-gap:160px;       /* distance between major sections */
--section-gap-tight:80px;

/* containers & rails */
--container:1170px;        /* the real max-width above 1650px */
--container-xxl:1320px;
--gutter:15px;
--rail-sidebar:370px;      /* sticky sidebar column */
--rail-narrow:270px;       /* footer column */
--rail-medium:470px;
--rail-wide:570px;
--sticky-top:110px;
--header-height:100px;

/* control sizes */
--control-h:54px;          /* input / social chip */
--control-arrow:60px;      /* square arrow button */
--control-icon:40px;       /* small share chip */
--btn-pad-y:18px;
--btn-pad-x:50px;
}