/* Manrope лежит у нас, а не на fonts.googleapis.com: внешняя загрузка —
   это последовательная цепочка «css, потом woff2», и первая отрисовка
   ждёт её целиком. Шрифт урезан до используемых символов (209 глифов),
   отсюда ~15 КБ на начертание вместо сотни.
   swap: текст показывается сразу системным шрифтом и подменяется. */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family: 'Manrope', sans-serif;

  /* Colors */
  --color-black: #1C1C1C;
  --color-white: #FFFFFF;
  --color-green: #4CAF50;
  --color-yellow: #FFD568;
  --color-yellow-hover: #E1B74A;
  --color-bg-grey: #F2F4F7;
  --color-nav-hover: #E8EAED;
  --color-grey-text-2: #616161;
  --color-grey-bg-2: #C4C7CC;
  --color-black-light: #333333;
  --color-grey-border: #D8D8D8;
  --color-grey-line: #ECECEC;
  --color-grey-text: #979797;
  --color-footer-text: #666666;
  --color-red: #E81515;

}