:root {
  --spacing-0: 5px;
  --spacing-1: 10px;
  --spacing-2: 15px;
  --spacing-3: 30px;
  --spacing-4: 40px;
  --spacing-5: 60px;
  --spacing-6: 120px;
  --page-width: 1440px;
  --half-page-width: calc(var(--page-width) / 2);
  --article-width: 640px;

  --column-gap: var(--spacing-4);
  --column-gap-mobile: var(--spacing-2);

  --row-gap: var(--spacing-4);
  --row-gap-mobile: var(--spacing-3);

  --transition-0: 0.3s ease-in-out;

  --border-radius-0: 10px;

  --media-aspect-ratio: 1;
  --media-aspect-ratio-mobile: 1.5;
}

@media (max-width: 979px) {
  :root {
    --spacing-6: 40px;
  }
}