:root{
  --space-1:0.25rem;  /* 4  */
  --space-2:0.5rem;   /* 8  */
  --space-3:0.75rem;  /* 12 */
  --space-4:1rem;     /* 16 */
  --space-5:1.5rem;   /* 24 */
  --space-6:2rem;     /* 32 */
  --space-7:3rem;     /* 48 */
  --space-8:4rem;     /* 64 */
  --space-9:6rem;     /* 96 */
  --space-10:8rem;    /* 128 */
  --space-11:12rem;   /* 192 */

  --gutter:2rem;
  --gutter-wide:3rem;
  --container-max:1440px;
  --container-text:820px;
  --grid-columns:12; /* @kind other */
  --page-margin:var(--space-7);
  --page-margin-wide:var(--space-9);

  --section-pad-y:var(--space-10);
  --section-pad-y-tight:var(--space-9);
  --field-pad-x:var(--space-4);
  --field-pad-y:var(--space-3);
  --control-height:2.875rem; /* 46px */
  --control-height-s:2.25rem;
}