/* ── Цвета — палитра версии 44 ────────────────────────────────────
   --accent-ink    синий #4f8ef7: логотип, иконки, рамки, ползунки
   --accent        заливки (выбранный фильтр, поиск) — #3570d4,
                   на нём белый текст (--on-accent)
   --accent-rgb    заливка для теней; --ink-rgb — синий для подложек и свечений */
:root {
  --bg:          #0d1117;
  --surface:     #13181f;
  --chat-bg:     #0a0e14;
  --bubble-me:   #1c3a5c;
  --bubble-me-text: #ffffff;
  --bubble-me-meta: rgba(255,255,255,.4);
  --bubble-them: #1a1f2e;
  --input-bg:    #181d28;
  --border:      #222840;
  --accent:      #3570d4;
  --accent-hover:#2c5fb8;
  --accent-rgb:  53,112,212;
  --on-accent:   #ffffff;
  --accent-ink:  #4f8ef7;
  --accent-ink-hover: #3570d4;
  --ink-rgb:     79,142,247;
  --text:        #dde1f0;
  --muted:       #55607a;
  --green:       #4cba7d;
  --orange:      #f0a030;
  --danger:      #e05555;
  --tick-gray:   #5a6580;
  --tick-blue:   #4f8ef7;
}

html.light {
  --bg:          #eef1f7;
  --surface:     #ffffff;
  --chat-bg:     #e4e8f0;
  --bubble-me:   #4f8ef7;
  --bubble-them: #ffffff;
  --input-bg:    #f2f4f9;
  --border:      #cdd2e0;
  --text:        #1a1d2e;
  --muted:       #8890aa;
  --tick-gray:   #9aa0b8;
  --tick-blue:   #ffffff;
}

html.light .mode-btn.sel { color: var(--accent-ink); }