/* One geometric scale from a 4px base. Every step >= 25% larger than the last;
   every value a multiple of 4; from 16 up, a multiple of 8 (VISUAL_DESIGN.md §3.1-3.2:
   Curtis on linear scales, "When do I use 24 or 28? I dunno").
   Eleven values is the ceiling, not the goal — a page usually uses six or seven. */
:root{
--spacing:0.25rem;
--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;
--space-11:192px;

/* Grid — 12 columns; gutters come from the scale above, so a gutter and a stack gap
   are the same token (§5.1). */
--grid-columns:12; /* @kind other */
--grid-gutter:var(--space-5);
--page-margin:var(--space-5);
--page-margin-wide:var(--space-7);
--page-max:1440px;

/* The three proximity inequalities (§3.4) need DISTINCT steps, not adjacent ones:
   within-group < between-group < between-section. 8 / 24 / 96 reads; 16/20/24 does not. */
--gap-within:var(--space-2);
--gap-between:var(--space-5);
--gap-section:var(--space-9);

--control-pad-y:var(--space-3);
--control-pad-x:var(--space-5);
}