/* ─── Typography system ─────────────────────────────────────────────────────
   Заменяет повторяющиеся inline font-family / font-size / color комбинации.
   ────────────────────────────────────────────────────────────────────────── */

/* Jost — основной UI-шрифт проекта */
.font-jost {
  font-family: 'Jost', sans-serif;
}

/* ─── Размеры текста ─────────────────────────────────────────────────────── */

.text-xs   { font-size: 9px; }
.text-sm   { font-size: 11px; }
.text-base { font-size: 13px; }
.text-md   { font-size: 15px; }

/* ─── Цвета текста ───────────────────────────────────────────────────────── */

.text-primary  { color: #28231E; }
.text-secondary { color: #5A5049; }
.text-muted    { color: #9A8E84; }
.text-accent   { color: #8EA68C; }     /* зелёный акцент */
.text-pale     { color: #CEC4B8; }

/* ─── Семантические комбинации (встречаются ≥2 раз) ─────────────────────── */

/* Подсказка / плейсхолдер под полем */
.text-hint {
  font-family: 'Jost', sans-serif;
  font-size: 11px;
  color: #9A8E84;
  margin: 0;
}

/* Метка статуса сессии в шапке экранов */
.hdr-session-status {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  color: #8EA68C;
  font-weight: 500;
  white-space: pre-line;
  text-align: center;
}

/* Информационный блок admin/history: текст по центру с отступами */
.text-center-muted {
  text-align: center;
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  color: #9A8E84;
  padding: 40px 0;
}

/* Лейбл-заголовок в форме (UPPERCASE Roboto Flex) */
.label-uppercase {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5A5049;
  display: block;
  margin-bottom: 6px;
}

/* Заголовок секции / раздела (Cormorant, 15px, полужирный) */
.title-serif {
  font-family: 'Cormorant Garamond', serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: #5A5049;
}

/* Крупный заголовок модалки */
.title-serif-lg {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 400;
  color: #28231E;
}

/* Мелкий мет-текст (9px, muted) — например, под карточками */
.text-meta {
  font-size: 9px;
  color: #9A8E84;
  margin-top: 3px;
}