/* LLMLink: фирменные цвета поверх темы LibreChat v0.8.8 (подключается из index.html после основного CSS).
   Тема LibreChat строится на палитрах-переменных в формате «R G B»: подмена палитр перекрашивает всё
   (кнопка отправки = green-700, акценты = green-*, поверхности тёмной темы = gray-*), без правки образа.
   Бренд: бирюза #12B39A, тёмный #0A0F12, мятный #EFFBF9, тёмная бирюза #0A7364. */
:root {
  /* акцент: бирюзовая шкала вокруг #12B39A (500); 700 = #0A7364 — кнопки, белый текст читается (контраст ≈ 6) */
  --green-50: 239 251 249;
  --green-100: 211 245 239;
  --green-200: 168 235 223;
  --green-300: 114 220 203;
  --green-400: 63 200 178;
  --green-500: 18 179 154;
  --green-600: 14 153 132;
  --green-700: 10 115 100;
  --green-800: 11 92 81;
  --green-900: 11 74 66;
  --green-950: 5 42 37;

  /* нейтрали с лёгким бирюзово-серым оттенком; 900 = фирменный тёмный #0A0F12 */
  --gray-20: 236 242 241;
  --gray-50: 244 248 248;
  --gray-100: 232 239 239;
  --gray-200: 222 231 231;
  --gray-300: 200 211 212;
  --gray-400: 140 156 159;
  --gray-500: 91 107 112;
  --gray-600: 62 76 82;
  --gray-650: 50 63 69;
  --gray-700: 38 50 56;
  --gray-800: 26 35 40;
  --gray-850: 18 26 30;
  --gray-875: 13 20 23;
  --gray-900: 10 15 18;
}

/* выделение текста в цвет бренда */
::selection {
  background: rgb(18 179 154 / 0.28);
}

/* Логотип на страницах входа: блок 40 px высотой с картинкой assets/logo.svg. Рисуем горизонтальный логотип
   фоном под тему (светлая — logo.svg, тёмная — logo-dark.svg), саму картинку прячем. Если браузер не знает :has,
   правило целиком игнорируется и остаётся logo.svg. */
div.bg-cover:has(> img[src$="assets/logo.svg"]) {
  background: url("logo.svg") center / contain no-repeat;
}
div.bg-cover:has(> img[src$="assets/logo.svg"]) > img {
  opacity: 0;
}
.dark div.bg-cover:has(> img[src$="assets/logo.svg"]) {
  background-image: url("logo-dark.svg");
}