:root{
--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:var(--space-5);      /* 24px — the default card inset */
--gutter-card-lg:var(--space-6);   /* 32px — hero / feature cards only */
--gutter-section-y:var(--space-10);
--gutter-section-x:var(--space-9);
--stack-tight:var(--space-2);
--stack:var(--space-4);
--stack-loose:var(--space-6);

/* Signature elements */
--rule-width:48px;
--rule-height:2px;
--vrule-width:1px;
--vrule-x:120px;      /* distance from page edge to the vertical rule */
--vrule-gutter:60px;  /* minimum clear space between the rule and any content */
--rule-clearance:32px;/* minimum distance between an orange rule and any hairline */
--dot-size:10px;
--dot-size-list:8px;

/* A4 document margins (print) */
--doc-margin-top:25mm;
--doc-margin-bottom:25mm;
--doc-margin-left:20mm;
--doc-margin-right:15mm;
--doc-measure:175mm; /* @kind spacing */
}