/* ============================================================
   Section Spacing — CSS Custom Properties
   Стандарт: 8px Grid System (Material Design 3, Apple HIG)
   Полная спецификация: SPACING_STANDARDS.md
   ============================================================ */

/* Desktop ≥1201px */
:root {
  --section-py:         80px; /* padding-top/bottom каждой секции */
  --section-header-gap: 32px; /* заголовок секции → контент */
  --container-px:       24px; /* боковые отступы контейнера */
  --card-gap:           24px; /* gap между карточками */
}

/* Tablet 600px – 1200px */
@media (max-width: 1200px) {
  :root {
    --section-py:         60px;
    --section-header-gap: 28px;
    --container-px:       20px;
    --card-gap:           20px;
  }
}

/* Mobile ≤599px */
@media (max-width: 599px) {
  :root {
    --section-py:         40px;
    --section-header-gap: 20px;
    --container-px:       16px;
    --card-gap:           16px;
  }
}

/* Универсальный разделитель между секциями */
.section-spacing {
  height: var(--section-py);
  box-sizing: border-box;
}