/* ============================================================
   glossary.css — companion-стиль глоссария первого упоминания (№38).
   Подключать ПОСЛЕ theme.css/base.css:
     <link rel="stylesheet" href="/assets/glossary.css">
   Пара к /assets/glossary.js (MA_Glossary.defHtml / wireFirstMentions).

   Декорирует <abbr class="ma-term"> — термин с расшифровкой в нативном
   тултипе (title=). Тема (light/dark) — через токены theme.css.
   ТОЛЬКО токены, ни одного hardcoded-цвета.
   ============================================================ */

/* Термин: пунктирное подчёркивание + курсор-подсказка.
   text-decoration-* токенизируем через currentColor (наследует цвет текста),
   а оттенок пунктира — через --border (нейтральная линия обеих тем). */
.ma-term {
  /* abbr по умолчанию имеет браузерное подчёркивание/letter-spacing — сбрасываем */
  text-decoration: none;
  border-bottom: 1px dotted var(--border);
  cursor: help;
  /* abbr — inline; сохраняем базовую типографику родителя */
  font: inherit;
  color: inherit;
}

.ma-term:hover {
  border-bottom-color: var(--accent);
}

/* Видимый фокус только при навигации с клавиатуры (a11y) */
.ma-term:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 2px;
}