/* Раскраска выносок Zotero по цвету выделения.
   Школа Second Brain. Обновлено 20260816.

   Три отличия от прежней версии:
   1) флаг «i» — Zotero может отдавать код цвета заглавными (#FFD400);
   2) !important — иначе тема оформления перебивает цвет своими правилами;
   3) правила продублированы по НАЗВАНИЯМ цветов: в части версий плагин
      подставляет не код, а слово (Yellow, Red…). Шаблон это учитывает.  */

/* Red */
.callout[data-callout-metadata="#ff6666" i],
.callout[data-callout-metadata="red" i] { --callout-color: 205, 52, 92 !important; }

/* Green */
.callout[data-callout-metadata="#5fb236" i],
.callout[data-callout-metadata="green" i] { --callout-color: 114, 162, 100 !important; }

/* Blue */
.callout[data-callout-metadata="#2ea8e5" i],
.callout[data-callout-metadata="blue" i] { --callout-color: 52, 82, 255 !important; }

/* Purple */
.callout[data-callout-metadata="#a28ae5" i],
.callout[data-callout-metadata="purple" i] { --callout-color: 157, 131, 242 !important; }

/* Orange */
.callout[data-callout-metadata="#f19837" i],
.callout[data-callout-metadata="orange" i] { --callout-color: 244, 164, 96 !important; }

/* Yellow */
.callout[data-callout-metadata="#ffd400" i],
.callout[data-callout-metadata="yellow" i] { --callout-color: 255, 236, 0 !important; }

/* Magenta */
.callout[data-callout-metadata="#e56eee" i],
.callout[data-callout-metadata="magenta" i] { --callout-color: 255, 33, 255 !important; }

/* Gray */
.callout[data-callout-metadata="#aaaaaa" i],
.callout[data-callout-metadata="gray" i],
.callout[data-callout-metadata="grey" i] { --callout-color: 152, 152, 152 !important; }

.callout-icon { display: flex; }