:root{
/* 8px grid */
--space-1:8px;
--space-2:16px;
--space-3:24px;
--space-4:32px;
--space-5:40px;
--space-6:48px;
--space-7:56px;
--space-8:64px;
--space-10:80px;
--space-12:96px;

/* Rules from the system, named */
--pad-card:24px; /* minimum padding on any card, tag or bordered box */
--gap-columns:20px; /* minimum between side-by-side cards/images/stats */
--gap-text-element:16px; /* minimum text-to-button/icon/border/image */
--section-y-desktop:80px; /* 64–96px range */
--section-y-desktop-min:64px;
--section-y-desktop-max:96px;
--section-y-mobile:48px; /* 48–56px range */
--cell-pad-y:11px; /* table cells: 10–12px */
--cell-pad-x:12px;

--container-max:1160px;
--container-narrow:720px;
--container-pad:24px;
}