: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;
--gutter:24px; /* 12-col web/deck grid */
--margin-min:8%; /* of shorter edge, any format */
--measure-max:70ch;
/* Borders & radii — editorial restraint: hairlines, minimal rounding */
--radius-sm:2px;--radius-md:4px;
--hairline-w:1px;
/* Motion — quiet, no bounces */
--ease:cubic-bezier(.4,0,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-med:240ms; /* @kind other */
/* Shadows: essentially none; elevation via surface color. Dialog only: */
--shadow-dialog:0 8px 40px rgba(0,0,0,.45);
}