:root {
  --bg:          #0d1117;
  --surface:     #13181f;
  --chat-bg:     #0a0e14;
  --bubble-me:   #1c3a5c;
  --bubble-them: #1a1f2e;
  --input-bg:    #181d28;
  --border:      #222840;
  --accent:      #4f8ef7;
  --accent2:     #3570d4;
  --text:        #dde1f0;
  --muted:       #55607a;
  --green:       #4cba7d;
  --orange:      #f0a030;
  --danger:      #e05555;
  --tick-gray:   #5a6580;
  --tick-blue:   #4f8ef7;
}

body.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;
}

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