/* Тона пустых кружков: цвет по имени.

   Вынесено из themes.css, когда тот перерос двести строк. Здесь только
   палитра — сами кружки красит components/client.css. Литералы цвета
   по-прежнему живут в одном месте на весь продукт: там, где объявлены
   токены, а не там, где ими пользуются.

   Восемь тонов на пустые кружки: клиент без снимка получает свой
   по первой букве имени. Список из десятка одинаковых серых кружков
   читается как одно пятно — по цвету же строка находится глазом
   раньше, чем прочитано имя.

   Цвет назначается именем, а не по счёту в списке: у одного человека
   он всегда один и тот же, и при поиске строка не перекрашивается. */

:root {
  --tone-1-bg:  light-dark(#fdeee0, rgba(240, 150, 60, .16));
  --tone-1-ink: light-dark(#b45f10, #f09a3c);
  --tone-2-bg:  light-dark(#e4eefd, rgba(90, 150, 245, .16));
  --tone-2-ink: light-dark(#1f5fbd, #6aa5f5);
  --tone-3-bg:  light-dark(#e2f5e8, rgba(75, 190, 120, .16));
  --tone-3-ink: light-dark(#1f7a45, #5ec686);
  --tone-4-bg:  light-dark(#efe7fd, rgba(160, 130, 245, .16));
  --tone-4-ink: light-dark(#5b3bb8, #a98cf5);
  --tone-5-bg:  light-dark(#fde7ef, rgba(240, 110, 160, .16));
  --tone-5-ink: light-dark(#ad2a5c, #ef7aa8);
  --tone-6-bg:  light-dark(#e0f3f6, rgba(70, 190, 205, .16));
  --tone-6-ink: light-dark(#116b78, #52c3d1);
  --tone-7-bg:  light-dark(#fdf0da, rgba(230, 180, 60, .16));
  --tone-7-ink: light-dark(#8d6410, #e0b23c);
  --tone-8-bg:  light-dark(#e6e9f5, rgba(140, 155, 200, .16));
  --tone-8-ink: light-dark(#404a75, #97a5cf);
}