:root {
  --layout-max-width: 80rem;
  --layout-page-x: 1rem;
  --layout-page-y: 1.5rem;
  --layout-header-height: 61px;
  --layout-grid-gap: 1.5rem;
  --layout-list-width: minmax(21rem, 0.8fr);
  --layout-inspector-width: minmax(0, 1.2fr);
  --layout-control-height: 2.75rem;
  --layout-list-row-height: 5rem;
  --layout-panel-min-height: 20rem;
}

@media (min-width: 640px) {
  :root {
    --layout-page-x: 1.5rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --layout-page-x: 2rem;
  }
}