@charset "UTF-8";

:root {
  /* Цвета */
  --zero: #000;
  --white: #fff;
  --text: #2C3148;
  --background: #fff;
  --accent-1: #005D9F;
  --accent-2: #F08400;
  --accent-3: #EBF3FF;
  --gray: #ABADB6;
  --border: #ABADB6;
  --error: #E71C00;
  /* Отсутпы и размеры */
  /* Страница */
  --container-width: 1456px;
  --container-space: 32px;
  /* Блоки */
  --section-space: 80px;
  --block-padding: 40px;
  /* Тексты */
  --paragraph-space: 16px;
  /* Гапы */
  --gap: 32px;
  --gap-big: 40px;
  --gap-small: 24px;
  --gap-mini: 16px;
  --gap-minimum: 8px;
  /* Радиус */
  --border_radius: 30px;
  --border_radius_2: 20px;
  /* Анимация */
  --animate: 0.4s;
  /* Размеры шрифтов */
  /* Тексты */
  --h1: 48px;
  --h2: 48px;
  --h3: 40px;
  --h4: 32px;
  --h5: 24px;
  --paragraph-size: 20px;
  --small-text-size: 16px;
  --light-text-size: 18px;
  --medium-text-size: 24px;
  --big-text-size: 26px;
  --large-text-size: 32px;
}

@media (max-width: 1024px) {
  :root {
    --section-space: 64px;
    --h1: 48px;
    --h2: 48px;
    --h3: 32px;
    --h4: 28px;
    --h5: 20px;
  }
}

@media (max-width: 780px) {
  :root {
    --container-space: 16px;
    --h1: 32px;
    --h2: 32px;
    --h3: 28px;
    --h4: 24px;
    --h5: 18px;
    --paragraph-size: 16px;
    --small-text-size: 14px;
    --light-text-size: 14px;
    --medium-text-size: 20px;
    --big-text-size: 22px;
    --large-text-size: 24px;
    --section-space: 32px;
    --block-padding: 20px;
    --paragraph-space: 16px;
    --gap: 16px;
    --gap-big: 32px;
    --gap-small: 8px;
    --gap-mini: 8px;
  }
}

@media print {
  :root {
    /* --zero: #000;
    --white: #fff;
    --text: #000;
    --background: #fff;
    --accent-1: #000;
    --accent-2: #000;
    --accent-3: #000;
    --gray: #000;
    --border: #000;
    --error: #000; */
  }
}