:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:10px;
  --space-4:12px;
  --space-5:16px;
  --space-6:20px;
  --space-7:24px;
  --space-8:30px;
  --space-9:40px;
  --space-10:60px;

  /* Layout */
  --page-width:1350px;      /* mockup canvas */
  --content-width:960px;    /* centred content column */
  --form-width:290px;       /* registration field column */
  --modal-width:370px;      /* login / confirm dialogs */
  --gutter:var(--space-6);
  --header-height:63px;
  --utilitybar-height:38px;

  /* Controls */
  --control-height:34px;
  --control-height-sm:30px;
  --field-height:30px;
  --field-padding-x:var(--space-3);
  --grid-gap:9px;           /* talker card grid gutter */
}