:root, [data-theme="indigo"] {
  --t-nav-bg:          #4338ca;
  --t-nav-hover:       #4f46e5;
  --t-nav-active-bg:   #ffffff;
  --t-nav-active-text: #4338ca;
  --t-nav-text:        #e0e7ff;
  --t-sidebar-bg:      #1e1b4b;
  --t-sidebar-hover:   #312e81;
  --t-sidebar-active:  #3730a3;
  --t-sidebar-text:    #e0e7ff;
  --t-sidebar-muted:   #818cf8;
  --t-sidebar-border:  #312e81;
  --t-avatar-mine:     #6366f1;
  --t-avatar-other:    #3730a3;
  --t-btn-bg:          #4f46e5;
  --t-btn-hover:       #4338ca;
  --t-accent:          #818cf8;
  --t-accent-light:    #e0e7ff;
  --t-unread:          #f59e0b;
  --t-dot-swatch:      #4338ca;
}
[data-theme="sandstone"] {
  --t-nav-bg:          #8c6d47;
  --t-nav-hover:       #9e7d56;
  --t-nav-active-bg:   #fdf8f2;
  --t-nav-active-text: #5e4428;
  --t-nav-text:        #f5ede0;
  --t-sidebar-bg:      #3a2510;
  --t-sidebar-hover:   #5e4428;
  --t-sidebar-active:  #8c6d47;
  --t-sidebar-text:    #f5ede0;
  --t-sidebar-muted:   #d4bc9b;
  --t-sidebar-border:  #5e4428;
  --t-avatar-mine:     #b99870;
  --t-avatar-other:    #8c6d47;
  --t-btn-bg:          #8c6d47;
  --t-btn-hover:       #7a5c38;
  --t-accent:          #d4bc9b;
  --t-accent-light:    #f5ede0;
  --t-unread:          #cc6640;
  --t-dot-swatch:      #b99870;
}
[data-theme="terracotta"] {
  --t-nav-bg:          #9e4325;
  --t-nav-hover:       #b04e2c;
  --t-nav-active-bg:   #fdf1ec;
  --t-nav-active-text: #6e2912;
  --t-nav-text:        #f8d9cc;
  --t-sidebar-bg:      #3e1408;
  --t-sidebar-hover:   #6e2912;
  --t-sidebar-active:  #9e4325;
  --t-sidebar-text:    #f8d9cc;
  --t-sidebar-muted:   #e08e6e;
  --t-sidebar-border:  #6e2912;
  --t-avatar-mine:     #cc6640;
  --t-avatar-other:    #9e4325;
  --t-btn-bg:          #9e4325;
  --t-btn-hover:       #8c3a1e;
  --t-accent:          #e08e6e;
  --t-accent-light:    #f8d9cc;
  --t-unread:          #deba52;
  --t-dot-swatch:      #cc6640;
}
[data-theme="moss"] {
  --t-nav-bg:          #566030;
  --t-nav-hover:       #647038;
  --t-nav-active-bg:   #f5f5ec;
  --t-nav-active-text: #374018;
  --t-nav-text:        #e5e8cf;
  --t-sidebar-bg:      #1e230a;
  --t-sidebar-hover:   #374018;
  --t-sidebar-active:  #566030;
  --t-sidebar-text:    #e5e8cf;
  --t-sidebar-muted:   #a4ad7c;
  --t-sidebar-border:  #374018;
  --t-avatar-mine:     #7d8c50;
  --t-avatar-other:    #566030;
  --t-btn-bg:          #566030;
  --t-btn-hover:       #485228;
  --t-accent:          #a4ad7c;
  --t-accent-light:    #e5e8cf;
  --t-unread:          #c49520;
  --t-dot-swatch:      #7d8c50;
}
[data-theme="ochre"] {
  --t-nav-bg:          #8c6510;
  --t-nav-hover:       #9e7218;
  --t-nav-active-bg:   #fdf8e8;
  --t-nav-active-text: #5a3e06;
  --t-nav-text:        #f8ebbf;
  --t-sidebar-bg:      #332200;
  --t-sidebar-hover:   #5a3e06;
  --t-sidebar-active:  #8c6510;
  --t-sidebar-text:    #f8ebbf;
  --t-sidebar-muted:   #deba52;
  --t-sidebar-border:  #5a3e06;
  --t-avatar-mine:     #c49520;
  --t-avatar-other:    #8c6510;
  --t-btn-bg:          #8c6510;
  --t-btn-hover:       #7a560e;
  --t-accent:          #deba52;
  --t-accent-light:    #f8ebbf;
  --t-unread:          #cc6640;
  --t-dot-swatch:      #c49520;
}
[data-theme="smoke"] {
  --t-nav-bg:          #655c55;
  --t-nav-hover:       #746b63;
  --t-nav-active-bg:   #faf8f5;
  --t-nav-active-text: #3e3832;
  --t-nav-text:        #efeae3;
  --t-sidebar-bg:      #221e1a;
  --t-sidebar-hover:   #3e3832;
  --t-sidebar-active:  #655c55;
  --t-sidebar-text:    #efeae3;
  --t-sidebar-muted:   #bdb3a4;
  --t-sidebar-border:  #3e3832;
  --t-avatar-mine:     #948980;
  --t-avatar-other:    #655c55;
  --t-btn-bg:          #655c55;
  --t-btn-hover:       #564e48;
  --t-accent:          #bdb3a4;
  --t-accent-light:    #efeae3;
  --t-unread:          #c49520;
  --t-dot-swatch:      #948980;
}
[data-theme="plum"] {
  --t-nav-bg:          #703550;
  --t-nav-hover:       #7f3d5c;
  --t-nav-active-bg:   #faf4f6;
  --t-nav-active-text: #481a30;
  --t-nav-text:        #f0e0e6;
  --t-sidebar-bg:      #280c1a;
  --t-sidebar-hover:   #481a30;
  --t-sidebar-active:  #703550;
  --t-sidebar-text:    #f0e0e6;
  --t-sidebar-muted:   #c08fa5;
  --t-sidebar-border:  #481a30;
  --t-avatar-mine:     #9a6078;
  --t-avatar-other:    #703550;
  --t-btn-bg:          #703550;
  --t-btn-hover:       #602c44;
  --t-accent:          #c08fa5;
  --t-accent-light:    #f0e0e6;
  --t-unread:          #deba52;
  --t-dot-swatch:      #9a6078;
}
.t-sidebar { background: var(--t-sidebar-bg); color: var(--t-sidebar-text); }
.t-sidebar-hdr { color: var(--t-sidebar-muted); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.t-sb-item { color: var(--t-sidebar-text); width: 100%; text-align: left; }
.t-sb-item:hover { background: var(--t-sidebar-hover); }
.t-sb-item.t-active { background: var(--t-sidebar-active); font-weight: 600; }
.t-search { background: var(--t-sidebar-hover) !important; color: var(--t-sidebar-text) !important; }
.t-search::placeholder { color: var(--t-sidebar-muted) !important; }
.t-search:focus { box-shadow: 0 0 0 2px var(--t-accent) !important; outline: none !important; }
.t-avatar-m { background: var(--t-avatar-mine); color: #fff; }
.t-avatar-o { background: var(--t-avatar-other); color: var(--t-accent-light); }
.t-btn { background: var(--t-btn-bg); color: #fff; }
.t-btn:hover { background: var(--t-btn-hover); }
.t-text-a { color: var(--t-btn-bg); }
.t-unread { background: var(--t-unread); }
.t-focus:focus { box-shadow: 0 0 0 2px var(--t-accent); outline: none; }
.t-avatar-ring:hover { box-shadow: 0 0 0 2px var(--t-accent), 0 0 0 3px white; }