/* Токены дизайн-системы (ТЗ 17.2). Значения не дублируются нигде в коде. */

@font-face {
  font-family: 'Andika';
  src: url('../../assets/fonts/Andika-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: 'Andika';
  src: url('../../assets/fonts/Andika-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: block;
}
@font-face {
  font-family: 'Baloo 2';
  src: url('../../assets/fonts/Baloo2[wght].ttf') format('truetype');
  font-weight: 400 800;
  font-display: block;
}
@font-face {
  font-family: 'Onest';
  src: url('../../assets/fonts/Onest[wght].ttf') format('truetype');
  font-weight: 400 700;
  font-display: block;
}

:root {
  /* палитра */
  --bg:        #DCE9E2;  /* мятно-шалфейный фон, «войлочный стол» */
  --surface:   #FBF7F0;  /* молочные карточки */
  --ink:       #3E332C;  /* тёмно-коричневый текст, не чёрный */
  --ink-soft:  #7A6A5E;
  --ginger:    #E0964F;  /* персонаж 1 */
  --lilac:     #B4A2C8;  /* персонаж 2 */
  --berry:     #E2586E;  /* акцент действия и валюта */
  --grass:     #6BAA6B;  /* подтверждение */
  --thread:    #C9B79C;  /* нить, строчки, разделители */

  /* типографика */
  --font-display: 'Baloo 2', sans-serif;   /* русские заголовки, реплики */
  --font-body:    'Onest', sans-serif;      /* русский интерфейс */
  --font-target:  'Andika', sans-serif;     /* ТОЛЬКО английские слова */

  --r-sm: 12px; --r-md: 20px; --r-lg: 32px;
  --gap:  16px; --tap-min: 88px;
}

/*
 * Английское слово всегда Andika, строчными, без курсива и разрядки
 * (запрет 5.6.4). Класс один на всё приложение: второй способ вывести
 * английское слово однажды разошёлся бы с этим правилом.
 */
.en {
  font-family: var(--font-target);
  font-weight: 700;
  text-transform: lowercase;
  font-style: normal;
  letter-spacing: normal;
}