:root {
  /* 4-point scale: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 · 120 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-6: 24px; --s-8: 32px; --s-12: 48px; --s-16: 64px; --s-24: 96px; --s-30: 120px;

  --r: 2px;            /* radius: almost sharp. Exceptions: pills and dots (999px / 50%) */
  --r-pill: 999px;
  --rail: 64px;        /* rail = one grid cell */
  --column: 1100px;    /* content column, left-aligned */
  --section-gap: 120px;
  --page-pad: clamp(20px,6vw,96px);
}