:root {
  /* Цвета */
  --color-accent: #7BE800;
  --color-accent-orange: #FF8C00;
  --color-black: #1A1A1A;
  --color-gray-dark: #555555;
  --color-gray-mid: #E8E8E8;
  --color-gray-light: #F0F0F0;
  --color-white: #FFFFFF;
  --color-overlay: rgba(0, 0, 0, 0.5);

  /* Типографика */
  --font-primary: 'Montserrat', sans-serif;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-size-hero: clamp(36px, 5vw, 56px);
  --font-size-h2: clamp(24px, 3vw, 36px);
  --font-size-body: 16px;
  --font-size-small: 14px;

  /* Радиусы */
  --radius-pill: 50px;
  --radius-card: 16px;

  /* Отступы */
  --container-max: 1440px;
  --section-padding: 80px 0;
  --card-padding: 24px;
}

/* ===== КОНТЕЙНЕР ===== */
.container {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
}

/* ===== БАЗОВЫЙ ШРИФТ ===== */
html, body {
  margin: 0;
  padding: 0;
}
body {
  font-family: var(--font-primary);
}

/* ===== ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ ===== */
html, body {
  overflow-x: hidden;
  width: 100%;
}
.layout-container {
  overflow-x: hidden;
  max-width: 1440px;
  margin: 0 auto;
}