/*
 * Шрифти Mini App — ті самі файли, що їдуть у збірку застосунку
 * (assets/fonts/, оголошені в pubspec.yaml). Копій у репозиторії немає:
 * build-design.mjs кладе ttf у public/fonts на час роздачі.
 *
 * Чому саме ці дві родини: Bricolage + Figtree, з якими малювався v1,
 * не мають кирилиці взагалі — український текст малювався системним
 * підставним і на телефоні виглядав чужим шрифтом. Unbounded + Onest
 * покривають латиницю, кирилицю й польські діакритики
 * (design_handoff_spilno_v3/fonts/SOURCES.md).
 */

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-700.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Unbounded';
  src: url('../fonts/Unbounded-800.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: block;
}

/*
 * Onest існує лише варіативним — статичних накреслень немає ні в
 * google/fonts, ні в апстрімі. Один файл на всю вилку ваг: так браузер
 * бере справжню вагу з осі, а не малює синтетичний жир.
 */
@font-face {
  font-family: 'Onest';
  src: url('../fonts/Onest-variable.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('../fonts/JetBrainsMono-600.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/*
 * Ланцюжок підстановки з SOURCES.md. Заголовки падають не в system-ui, а
 * в Onest: тоді відмова одного файла міняє насиченість, а не мову малюнка.
 */
:root {
  --sp-font-display: var(--font-display), var(--font-body), system-ui, sans-serif;
  --sp-font-body: var(--font-body), system-ui, sans-serif;
  --sp-font-mono: var(--font-mono), ui-monospace, monospace;
}