/* Vertical rhythm is always flex/grid `gap`. */
:root {
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-smd: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 72px;

  --row-pad-y: 11px;   /* list + table rows */
  --card-pad: 28px;    /* panel interior */
  --card-pad-sm: 20px; /* compact panel interior */

  --page-max: 1240px;
  --nav-width: 232px;
  --measure-narrow: 420px;
  --measure-mid: 760px;
  --measure-wide: 1000px;
}