/* ============================================================
   igra-tokens.css - игровой слой поверх tokens.css сайта.
   Бренд тот же: один акцент, Golos Text и PT Serif, радиусы
   4/8/12, шаг 8. Здесь только то, чего у сайта нет.
   ============================================================ */

:root {
  /* Лист схемы и линии. Нетекстовые цвета, к ним 4,5:1 не применяется. */
  --g-paper:       #FBFCFD;
  --g-grid:        #E9EDF1;  /* сетка листа */
  --g-branch:      #C3CBD4;  /* линия ниши в покое */
  --g-route:       var(--c-accent);
  --g-route-soft:  #C9D7E8;  /* пройдено, подсветка */
  --g-locked:      #9AA3AE;  /* закрытая линия платной части */

  /* Состояния клетки: одна шкала на всю игру (программа, раздел 3).
     Цвет общий, название у каждой шкалы своё. */
  --g-state-done:    var(--c-ok);     /* принята */
  --g-state-now:     var(--c-accent); /* текущая */
  --g-state-word:    var(--c-warn);   /* принято со слов */
  --g-state-locked:  var(--c-text-muted);

  /* Метки чисел: «из данных» спокойнее, «оценка» и «прогноз» заметнее */
  --g-tag-data-bg:     #E6F1EA;  /* текст --c-ok на нём 5,6:1 */
  --g-tag-est-bg:      #F6EDE3;  /* текст --c-warn на нём 5,9:1 */
  --g-tag-forecast-bg: var(--c-surface-alt);

  /* Число игрока: крупное голое число без декора */
  --g-num:  clamp(2.75rem, 1.6rem + 4.2vw, 4.5rem);

  /* Отход от токенов, одноразово: проход фишки по линии */
  --g-travel: 640ms;

  /* Отклик на действие не дольше 240 мс - берётся из токенов сайта */
  --g-feedback: var(--dur-slow);
}

@media (prefers-reduced-motion: reduce) {
  :root { --g-travel: 1ms; }
}