/* Тема AvoGPT — вид, привычный по ChatGPT.
 *
 * Только значения: механика в общем look.css и одинакова для всех брендов.
 * Версия под другой оригинал (Claude) — копия этого файла с другими числами.
 *
 * Палитру не задаём поштучно: LibreChat строит все свои цвета из шкалы серых
 * (--gray-*), а семантические переменные (--surface-*, --text-*, --border-*)
 * ссылаются на неё. Переопределяем шкалу — и палитра меняется целиком и
 * согласованно, включая места, до которых мы бы вручную не добрались.
 */

:root {
  /* ── Шрифт ───────────────────────────────────────────────────────────────
   * В оригинале — системный шрифт, а не Inter: именно он даёт узнаваемый вид
   * текста на каждой платформе.
   */
  --avo-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  /* ── Светлая палитра ─────────────────────────────────────────────────── */
  --gray-50: #f9f9f9;   /* фон боковой панели */
  --gray-100: #ececec;
  --gray-200: #e3e3e3;  /* границы */
  --gray-300: #cdcdcd;
  --gray-400: #b4b4b4;
  --gray-500: #9b9b9b;
  --gray-600: #5d5d5d;  /* вторичный текст */
  --gray-700: #424242;
  --gray-800: #0d0d0d;  /* основной текст */
  --gray-900: #0d0d0d;

  /* ── Реплика клиента ─────────────────────────────────────────────────── */
  --avo-user-bubble: #e8f0fe;
  --avo-user-bubble-text: inherit;
  --avo-bubble-radius: 20px;
  --avo-bubble-padding: 0.625rem 1.125rem;
  --avo-bubble-max-width: min(70%, 34rem);

  /* ── Колонка ─────────────────────────────────────────────────────────────
   * В оригинале строка заметно короче нашей: так текст легче читать глазами.
   */
  --avo-column-width: 48rem;
}

.dark {
  --gray-900: #212121;  /* фон переписки */
  --gray-800: #171717;  /* фон боковой панели */
  --gray-700: #2f2f2f;  /* границы и подложки */
  --gray-600: #4a4a4a;
  --gray-300: #b4b4b4;
  --gray-100: #ececec;  /* основной текст */

  --avo-user-bubble: #23324a;
}

/* Подписи разделов в боковой панели */
:root {
  --avo-nav-heading: #8f8f8f;
  --avo-nav-heading-weight: 500;
}

.dark {
  --avo-nav-heading: #7d7d7d;
}

/* Размер вопроса на пустом экране */
:root { --avo-welcome-size: 1.75rem; }

/* Поле ввода */
:root {
  --avo-plus-size: 17px;
  --avo-plus-stroke: 2px;
  --avo-composer-icon: var(--text-primary);
  --avo-composer-radius: 28px;
  --avo-composer-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 10px 28px rgba(0, 0, 0, 0.06);
  --avo-send-disabled-bg: #cdcdcd;
}

.dark {
  --avo-composer-shadow: none;
  --avo-send-disabled-bg: #4a4a4a;
}

/* Боковая панель */
:root {
  --avo-nav-width: 260px;
  --avo-nav-bg: #ffffff;
}

.dark {
  --avo-nav-bg: #171717;
}