:root {
  --color-text-body: #3C3C3C;
  --color-text-link: #D3180C;
  --color-text-link-hover: #D3180C;

  --color-border-hr: #D9D9D9;

  --color-primary: #D3180C;
  --color-dark: #666666;
  --color-light: #D9D9D9;
  --bg-light: #F4F2F2;

  --size-text: 16px;
  --line-height: 1.7;
  --line-height-low: 1.4;

  --size-radius: 4px;
  --size-radius-sm: calc(var(--size-radius) * 0.5);
  --size-radius-lg: calc(var(--size-radius) * 1.5);

  --width-container-padding: 24px;
  --width-container: 1224px;

  --margin-heading-bottom: 1em;
  --margin-element-bottom: 1.5rem;

  --mobile-nav-top: 71px;

  --tab-like-style: 40px;
}

@media print, screen and (min-width: 992px) {
  :root {
    --width-container-padding: 40px;
    --tab-like-style: 96px;
  }
}