:root {
  /* 2px base. The source does not sit on a strict 4/8 grid: card padding is 20px,
     card gutters 14px, table row height 34px. Values below are the measured ones. */
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-7: 14px;   /* gutter between cards */
  --space-8: 16px;
  --space-9: 20px;   /* card padding */
  --space-10: 24px;
  --space-12: 32px;
  --space-14: 40px;
  --space-16: 48px;
  --space-20: 64px;

  --gutter-card: var(--space-7);
  --pad-card: var(--space-9);
  --pad-card-tight: var(--space-8);
  --sidebar-width: 264px;
  --topbar-height: 56px;
  --row-height: 34px;
  --control-height-sm: 28px;
  --control-height-md: 34px;
  --control-height-lg: 40px;
}