/* ===========================================
   SINTEZ CHAT — ПЕРЕМЕННЫЕ ТЕМЫ
   Concept 4 — Muted dark palette
   =========================================== */

:root {
  /* Цветовая схема */
  --bg-page:        #1e2230;
  --bg-sidebar:     #262a35;
  --bg-main:        #1e2230;
  --bg-input:       #2c3040;
  --bg-message-own: #2a3940;
  --bg-message:     #262a35;
  --bg-hover:       #303548;

  /* Текст */
  --text-primary:   #c8ccd6;
  --text-secondary: #7a7f8e;
  --text-muted:     #4a4f5e;
  --text-own:       #f0f0f0;
  --text-white:     #f0f0f0;
  --text-bright:    #e0e4ee;

  /* Акцент — приглушённый зелёный */
  --accent:         #86b48f;
  --accent-hover:   #567a5e;
  --accent-text:    #ffffff;

  /* Дополнительные цвета */
  --cyan:           #7aaabb;
  --cyan-dim:       #4a7a8a;
  --orange:         #b89860;
  --yellow:         #b0b060;
  --red:            #b05050;

  /* Интерфейс */
  --border:         #2a2e3a;
  --border-bright:  #3a3e4a;
  --radius:         12px;
  --radius-sm:      4px;
  --shadow:         0 2px 16px rgba(0,0,0,0.5);

  /* Типографика — моноширинный шрифт */
  --font:           'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;
  --font-mono:      'Cascadia Code', 'Fira Code', monospace;
  --font-size:      13px;
  --line-height:    1.5;

  /* Размеры */
  --sidebar-width:  200px;
  --users-width:    200px;
  --sidebar-radius: 16px;
  --input-height:   44px;
  --header-height:  40px;
}

[data-theme="light"] {
  --bg-page:        #f0f2f5;
  --bg-sidebar:     #ffffff;
  --bg-main:        #f0f2f5;
  --bg-input:       #ffffff;
  --bg-message-own: #d9ecff;
  --bg-message:     #ffffff;
  --bg-hover:       #e8eaed;
  --text-primary:   #1a1a1a;
  --text-secondary: #555555;
  --text-muted:     #888888;
  --text-own:       #1a1a1a;
  --border:         #d0d3d8;
  --border-bright:  #b0b3b8;
  --accent:         #4a7adc;
  --accent-text:    #ffffff;
  --accent-hover:   #3a6acc;
}