:root{
/* 4px base; "respiro" (breathing room) is part of the identity — prefer the larger step */
--space-0:0px;
--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:128px;

/* Semantic */
--gutter-card:28px;
--gutter-section:96px;
--gutter-post:56px;
--stack-tight:8px;
--stack-default:16px;
--stack-loose:32px;
--stack-section:64px;

/* Layout */
--max-content:1180px;
--max-prose:620px;
--icon-size-support:20px;   /* §10: ~40% smaller than a default 32px icon */
--icon-size-inline:16px;
--icon-size-feature:28px;
--rule-length:44px;         /* the short lime rule under titles */
--rule-thickness:3px;
}