:root {
  --gutter: 1.5rem;
  --container-width: calc(100vw - calc(var(--gutter) * 2));
}

@media (min-width: 768px) {
  :root {
    --gutter: 3rem;
  }
}

@media (min-width: 1024px) {
  :root {
    --gutter: 4rem;
  }
}

@media (min-width: 1440px) {
  :root {
    --container-width: calc(1440px - calc(var(--gutter) * 2));
  }
}