/* Fixel — український шрифт MacPaw (fixel.macpaw.com).

   Файли лежать поруч, у catalog/view/fonts, і віддаються з нашого ж
   домену: жодних звернень до чужих серверів, тож нічого не зламається,
   якщо той сервер колись стане недоступним.

   Накреслень навмисно чотири, а не всі шістнадцять: кожне — це окремий
   файл близько 80 КБ, і решта на сайті просто не використовується.
   Чого немає — браузер підбере найближче: 300 візьме 400, 800 візьме 700.

   Text — для тексту, Display — для заголовків: у родині це різні
   оптичні розміри, Display намальований під великий кегль. */

@font-face {
  font-family: 'Fixel';
  src: url('../fonts/FixelText-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  /* swap — текст видно одразу системним шрифтом, а коли Fixel
     завантажиться, він підміниться. Без цього перші миті сторінка
     була б порожньою. */
  font-display: swap;
}

@font-face {
  font-family: 'Fixel';
  src: url('../fonts/FixelText-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --font-body: 'Fixel', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-display: 'Fixel Display', 'Fixel', system-ui, -apple-system, Arial, sans-serif;

  /* Бутстрап тягне шрифт зі своєї змінної — підміняємо і її,
     інакше його власні елементи лишилися б системними. */
  --bs-body-font-family: var(--font-body);
}

body {
  font-family: var(--font-body);
}

/* Заголовки — оптичним розміром для великого кегля */
h1, h2, h3 {
  font-family: var(--font-display);
}

/* Поля вводу й кнопки шрифт не успадковують — доводиться задавати окремо */
input,
select,
textarea,
button {
  font-family: inherit;
}