/* Spacing — 4px grid. Names and values are verbatim from the Spacing collection
   (space-50 = 2px is the only sub-grid step; new sizes are added as needed). */
:root {
  --space-50: calc(var(--small-space-50) * 1px);      /* 2 */
  --space-100: calc(var(--small-space-100) * 1px);    /* 4 */
  --space-200: calc(var(--small-space-200) * 1px);    /* 8 */
  --space-250: calc(var(--small-space-250) * 1px);    /* 10 */
  --space-300: calc(var(--small-space-300) * 1px);    /* 12 */
  --space-400: calc(var(--medium-space-400) * 1px);   /* 16 */
  --space-500: calc(var(--medium-space-500) * 1px);   /* 20 */
  --space-600: calc(var(--medium-space-600) * 1px);   /* 24 */
  --space-800: calc(var(--medium-space-800) * 1px);   /* 32 */
  --space-900: calc(var(--medium-space-900) * 1px);   /* 36 */
  --space-1000: calc(var(--large-space-1000) * 1px);  /* 40 */
  --space-1100: calc(var(--large-space-1100) * 1px);  /* 44 */
  --space-1200: calc(var(--large-space-1200) * 1px);  /* 48 */
  --space-1400: calc(var(--large-space-1400) * 1px);  /* 56 */
  --space-1600: calc(var(--large-space-1600) * 1px);  /* 64 */

  /* Layout constants read off the builder frames */
  --panel-width-default: 300px;
  --panel-width-max: 400px;
  --toolbar-height: 50px;
  --canvas-tab-height: 40px;
  --nav-rail-width: 80px;
  --panel-padding: 12px;
}