/* Оформление Xoral поверх LibreChat.
   Подключается nginx-ом в конец <head>, поэтому перекрывает стили LibreChat.
   Цвета LibreChat заданы тройками RGB ("46 82 214"), здесь так же. */

@import url("/xoral-brand/fonts/fonts.css");

:root {
  /* Синий закалённой стали — основной цвет кнопок */
  --surface-submit: 46 82 214;
  --surface-submit-hover: 36 64 178;
  --brand-purple: 122 63 168;
  --ring-primary: 46 82 214;
}

/* Тёмная тема (по умолчанию): вместо почти чёрного серого — тёмная сталь, как на главной */
html.dark {
  --gray-900: 20 22 28; /* #14161C — фон */
  --gray-875: 23 25 32;
  --gray-850: 27 30 38; /* #1B1E26 — боковая панель, карточки */
  --gray-800: 34 37 46;
  --gray-700: 43 47 58; /* #2B2F3A — линии, поле ввода */
  --gray-650: 53 57 70;
  --gray-600: 66 71 86;
  --surface-submit: 58 96 226;
  --surface-submit-hover: 46 82 214;
  --brand-purple: 154 85 204;
}

/* Шрифты: Onest для интерфейса, JetBrains Mono для кода */
html,
body,
.font-sans {
  font-family: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

code,
kbd,
samp,
pre,
.font-mono {
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-variant-ligatures: none;
}

h1,
h2 {
  letter-spacing: -0.02em;
}

::selection {
  background: rgb(46 82 214 / 0.22);
}