:root {
  --container-width: 1440px;
  --container-padding: 40px;
  --layout-inner-width: calc(var(--container-width) - var(--container-padding) * 2);

  --header-height: 80px;
  --header-bg: #00175e;
  --background-dark-blue: #00175e;
  --header-z-index: 100;
}

@media (max-width: 1200px) {
  :root {
    --container-width: 100%;
    --container-padding: 32px;
    /* 3×360 + 2×24 — общая ширина контентных блоков на 1200 */
    --layout-inner-width: 1128px;
  }
}