/* Montserrat лежит в проекте, а не на серверах Google: внешний адрес видел бы
   каждый визит ещё до согласия на куки. Подмножества только кириллица и латиница,
   начертание 800 нигде не используется и не скачивалось */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/montserrat-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../assets/fonts/montserrat-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/montserrat-500-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../assets/fonts/montserrat-500-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/montserrat-600-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../assets/fonts/montserrat-600-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/montserrat-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../assets/fonts/montserrat-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* palette (from current Tilda site) */
  --color-bg: #ffffff;
  --color-text: #333333;
  --color-heading: #120e38;
  --color-accent: #4281c2;
  --color-accent-light: #d9ecff;
  --color-dark: #120e38;
  --color-on-dark: #ffffff;
  --color-muted: #f0f0f0;
  --color-border: #d9d9d9;
  /* приглушённый текст: самый светлый серый прежнего оттенка крошек, который проходит
     норму контраста (4.56 при 4.5). Крошки везде на сайте держатся на нём */
  --color-text-muted: #73767a;
  /* ошибки форм: тёмный вариант для светлых страниц, светлый — для тёмных плашек */
  --color-error: #c93a2e;
  --color-error-on-dark: #ff8f80;

  /* оттенки, снятые пипеткой с Тильды. Значения оставлены как в оригинале:
     свести их к общим токенам — отдельное решение, оно сдвинет вид */
  --color-text-strong: #121212;   /* меню светлой шапки, заголовки и поля окна отклика */
  --color-text-black: #000000;    /* текст политики и заголовки вопросов FAQ */
  --color-placeholder: #999999;   /* подсказка в полях форм на страницах */
  --color-placeholder-modal: #9d9d9d; /* она же в окне отклика — на оттенок светлее */
  --color-text-sub: #b3b3b3;      /* подзаголовок окна отклика */
  --color-text-note: #a6a6a6;     /* сноска о согласии под формой отклика */
  --color-text-file: #666666;     /* имя выбранного файла */
  --color-text-form-note: #777777; /* приписка под формами обратной связи */
  --color-field-bg: #f5f5f5;      /* фон поля ввода в окне отклика и в полосе «Сетей» */
  --color-dark-panel: #201c44;    /* плашка про куки и карточка формы в «Сетях» */
  --color-accent-soft: #4a89be;   /* заголовки и ссылки в списке истории */

  /* typography */
  --font-sans: 'Montserrat', Arial, sans-serif;
  --text-body: 16px;
  --text-small: 14px;
  --text-lead: 20px;
  --text-h1: 54px;
  --text-h2: 54px;
  --text-h3: 24px;
  --text-counter: 72px;

  /* layout */
  --container: 1190px;
  --header-h: 91px;
  --section-gap: 48px;
  --gap: 24px;
  --radius: 12px;
}

@media (max-width: 959px) {
  :root {
    --text-h1: 40px;
    --text-h2: 34px;
    --text-counter: 52px;
    --header-h: 78px;
    --section-gap: 40px;
  }
}

@media (max-width: 479px) {
  :root {
    --text-h1: 30px;
    --text-h2: 24px;
    --text-h3: 20px;
    --text-counter: 40px;
    --header-h: 50px;
    --section-gap: 48px;
  }
}