/* One spacing scale: 4 / 8 / 12 / 16 / 24 / 32 / 48 px. Every margin, padding
   and gap in the shell uses these. Component sizes are below. */
: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 */

  /* Sizes (not spacing). */
  --header-element-height: 48px;           /* top bar, rail head */
  --header-element-content-height: 32px;   /* top bar controls: 48 - 2 x 8 */
  --rail-width: 232px;
  --rail-width-collapsed: 64px;            /* narrow windows: icons only */
  --row-height: 44px;                      /* every list row */
  --icon-button-size: 32px;
  --button-height: 44px;                   /* primary buttons */
  --icon-button-size-sm: 24px;
  --icon-size: 16px;
  --hero-size: 96px;

  /* Content widths. */
  --width-measure: 40rem;                  /* start screen, run, task view, reader */
  --width-wide: 56rem;                     /* memory modal */
  --width-menu: 18rem;                     /* "Not right?" chooser */
  --height-list-max: 18rem;                /* suggestion lists */
}