:root {
  --color-gray: rgba(192, 192, 192, 1);

  --header-height: 160px;

  --spacing-xxs: 5px;
  --spacing-xs: 10px;
  --spacing-s: 15px;
  --spacing-m: 30px;
  --spacing-l: 60px;
  --spacing-xl: 90px;

  --font-m: 16px;
  --font-l: 26px;
}

@media screen and (max-width: 768px) {
  :root {
    --header-height: 140px;

    --spacing-xxs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 12px;
    --spacing-m: 20px;
    --spacing-l: 48px;
    --spacing-xl: 72px;

    --font-m: 19px;
    --font-l: 24px;
  }
}