:root {
    --chat-bg-page:         #101014;
    --chat-bg-deep:         #0d0d16;
    --chat-bg-primary:      #1a1a28;
    --chat-bg-secondary:    #1b1d27;
    --chat-bg-elevated:     #1e1e2e;
    --chat-bg-surface:      #1f2230;
    --chat-bg-input:        #1a1a28;
    --chat-bg-dropdown:     #151826;
    --chat-bg-tooltip:      #1d243c;
    --chat-bg-overlay:      rgba(0,0,0,.55);
    --chat-bg-lightbox:     rgba(5,6,10,.82);
    --chat-bg-hover:        rgba(255,255,255,.04);
    --chat-bg-hover-strong: rgba(255,255,255,.06);
    --chat-bg-skeleton:     rgba(255,255,255,.06);
    --chat-border:          #2a2a38;
    --chat-border-light:    #2a2d3d;
    --chat-border-input:    #2a2f45;
    --chat-border-strong:   #2f3550;
    --chat-border-subtle:   rgba(255,255,255,.08);
    --chat-border-tooltip:  rgba(255,255,255,.1);
    --chat-text-bright:     #f2f3f7;
    --chat-text-primary:    #dde;
    --chat-text-secondary:  #c9d1f0;
    --chat-text-tertiary:   #8f96ad;
    --chat-text-muted:      #666;
    --chat-text-input:      #f0f0f0;
    --chat-text-placeholder: #888;
    --chat-text-icon:       #b4bcd0;
    --chat-accent:          #5865f2;
    --chat-accent-hover:    #6b7cff;
    --chat-accent-muted:    #5d6bd8;
    --chat-accent-bg:       rgba(93,107,216,.18);
    --chat-accent-bg-light: rgba(93,107,216,.12);
    --chat-accent-bg-hover: rgba(93,107,216,.2);
    --chat-accent-bg-strong:rgba(93,107,216,.35);
    --chat-success:         #3ba55d;
    --chat-danger:          #ed4245;
    --chat-danger-text:     #ff8f8f;
    --chat-danger-hover:    #ff6161;
    --chat-danger-bg:       rgba(255,97,97,.12);
    --chat-warning:         #f0b232;
    --chat-warning-bg:      rgba(240,178,50,.12);
    --chat-offline:         #6b7280;
    --chat-btn-gradient:    linear-gradient(180deg, #39437a 0%, #2f3767 100%);
    --chat-btn-gradient-hover: linear-gradient(180deg, #444f90 0%, #36407a 100%);
    --chat-btn-text:        #e8ecff;
    --chat-emoji-bg:        #111118;
    --chat-emoji-sidebar:   #0d0d14;
    --chat-emoji-header:    #111118;
    --chat-emoji-inspector: #0c0c14;
    --chat-emoji-search-bg: #151520;
    --chat-emoji-search-border: #222235;
    --chat-emoji-tab-hover: rgba(93,107,216,.1);
    --chat-emoji-tab-active:rgba(93,107,216,.16);
    --chat-emoji-btn-hover: rgba(93,107,216,.14);
    --chat-emoji-divider:   rgba(93,107,216,.18);
    --chat-emoji-section-label: #7a82a0;
    --chat-emoji-diversity: #0e0e1a;
    --chat-emoji-text:      #a0a6bc;
    --chat-emoji-text-bright: #d8ddf0;
    --chat-emoji-placeholder: rgba(160,166,188,.5);
    --chat-emoji-placeholder-dim: rgba(160,166,188,.3);
    --chat-emoji-separator: rgba(93,107,216,.16);
    --chat-emoji-sticker-hover: rgba(93,107,216,.12);
    --chat-reaction-bg:     rgba(88,101,242,.10);
    --chat-reaction-bg-hover: rgba(93,107,216,.16);
    --chat-reaction-bg-active: rgba(93,107,216,.20);
    --chat-reaction-text:   #9a9fb8;
    --chat-reaction-border: rgba(88,101,242,.20);
    --chat-reaction-btn-bg: rgba(255,255,255,.035);
    --chat-reaction-btn-text: #d0d4e8;
    --chat-reaction-btn-hover: rgba(93,107,216,.18);
    --chat-reaction-submenu-name: #c8ccdf;
    --chat-menu-bg:         #131620;
    --chat-menu-border:     #1e2130;
    --chat-menu-hover:      rgba(93,107,216,.16);
    --chat-menu-text:       #c8cce0;
    --chat-menu-icon:       #8a92ad;
    --chat-menu-shadow:     rgba(0,0,0,.55);
    --chat-menu-separator:  rgba(255,255,255,.06);
    --chat-menu-danger-hover: rgba(255,97,97,.10);
    --chat-panel-bg:        #121520;
    --chat-panel-border:    rgba(255,255,255,.06);
    --chat-panel-shadow:    0 16px 48px rgba(0,0,0,.65), 0 0 0 1px rgba(0,0,0,.3);
    --chat-panel-banner:    linear-gradient(135deg, #2c3478 0%, #181c3a 50%, #121520 100%);
    --chat-panel-section:   #7a82a0;
    --chat-panel-stats:     #b0b8d4;
    --chat-panel-text:      #b4bcd6;
    --chat-panel-text-sub:  #6b7290;
    --chat-panel-avatar-bg: #1a1e30;
    --chat-panel-avatar-ph: #7680a8;
    --chat-panel-iconbtn-bg: rgba(0,0,0,.45);
    --chat-panel-iconbtn-hover: rgba(88,101,242,.28);
    --chat-panel-act-bg:    rgba(255,255,255,.04);
    --chat-panel-act-hover: rgba(88,101,242,.22);
    --chat-panel-act-danger: rgba(237,66,69,.20);
    --chat-panel-act-danger-text: #e88a8c;
    --chat-panel-divider:   rgba(255,255,255,.05);
    --chat-panel-actions-bg: rgba(0,0,0,.18);
    --chat-mod-shadow:      -12px 0 40px rgba(0,0,0,.55);
    --chat-mod-esc:         #565e78;
    --chat-mod-esc-border:  rgba(255,255,255,.07);
    --chat-mod-toolbar-bg:  rgba(0,0,0,.22);
    --chat-mod-toolbar-hover: rgba(88,101,242,.12);
    --chat-mod-target-bg:   rgba(255,255,255,.02);
    --chat-mod-target-ph:   #8890ab;
    --chat-mod-stat-border: rgba(255,255,255,.04);
    --chat-mod-stat-hover:  rgba(88,101,242,.07);
    --chat-mod-role-bg:     rgba(88,101,242,.16);
    --chat-mod-role-text:   #a8b0e0;
    --chat-mod-role-plain-bg: rgba(255,255,255,.05);
    --chat-mod-badge-bg:    #1e1e42;
    --chat-mod-badge-text:  #6870a8;
    --chat-mod-time:        #505872;
    --chat-mod-focus-bg:    rgba(88,101,242,.14);
    --chat-mod-focus-ring:  rgba(88,101,242,.38);
    --chat-mod-search-att-border: rgba(255,255,255,.07);
    --chat-mod-search-att-bg: rgba(0,0,0,.25);
    --chat-mod-page-active-border: rgba(88,101,242,.50);
    --chat-plyr-accent:     #6b7cff;
    --chat-plyr-audio-bg:   #151a2c;
    --chat-plyr-video-bg:   linear-gradient(to top, rgba(8,10,18,.88), rgba(8,10,18,.15));
    --chat-plyr-text:       #f2f4ff;
    --chat-plyr-menu-bg:    #171c2f;
    --chat-plyr-tooltip-bg: #1d243c;
    --chat-code-bg:         #0d0d16;
    --chat-code-border:     #2a2a3e;
    --chat-code-text:       #e0e0ff;
    --chat-blockquote-border: #4a4a6a;
    --chat-spoiler-bg:      #333344;
    --chat-reply-bg:        rgba(30,32,38,.85);
    --chat-reply-border:    #3f4149;
    --chat-reply-name:      #dee0fc;
    --chat-room-bg:         #1a1f33;
    --chat-room-border:     #2f3550;
    --chat-room-text:       #c8d1ff;
    --chat-room-title:      #9ea8d8;
    --chat-shadow-sm:       rgba(0,0,0,.25);
    --chat-shadow-md:       rgba(0,0,0,.35);
    --chat-shadow-lg:       rgba(0,0,0,.45);
    --chat-mention-bg:      rgba(240,178,50,.12);
    --chat-mention-text:    #ffd487;
    --chat-mention-msg-bg:  rgba(240,178,50,.06);
    --chat-nickpanel-bg:    #1e2233;
    --chat-scrollbar-thumb: rgba(240,240,240,.18);
    --chat-scrollbar-hover: rgba(240,240,240,.32);
    --chat-jump-bg:         rgba(19,23,36,.96);
    --chat-jump-border:     #2e344f;
    --chat-jump-text:       #cfd6f5;
    --chat-jump-btn:        linear-gradient(180deg, #404a86 0%, #333c72 100%);
    --chat-jump-btn-hover:  linear-gradient(180deg, #4b57a1 0%, #3d4789 100%);
    --chat-jump-btn-border: #394173;
}