/* =================================================================
   light.css — Light theme for MyChat Client (default)
   CSS custom properties defined in :root — used by main.css via var()
   ================================================================= */

:root {
    /* Body background */
    --body-bg: url(img/bg_noise.png) repeat;

    /* Message bubbles: колір і прозорість окремо — прозорість крутиться одним токеном
       (значення зняті з пікселів колишніх img/transparent_r.png / transparent_g.png) */
    --msg-user-bg-color  : 255, 73, 104;
    --msg-my-bg-color    : 104, 122, 255;
    --msg-user-bg-opacity: .1;
    --msg-my-bg-opacity  : .1;
    --msg-user-bg: rgba(var(--msg-user-bg-color), var(--msg-user-bg-opacity));
    --msg-my-bg  : rgba(var(--msg-my-bg-color),   var(--msg-my-bg-opacity));
    --msg-user-name-color: #e8476a;
    --msg-my-name-color: green;
    --msg-user-name-hover: #81283b;
    --msg-my-name-hover: #005500;
    --msg-time-color: #bbb;
    --msg-time-hover-color: #000;
    --msg-text-shadow: 0 1px 0 #fff;

    /* Navigation / sidebar */
    --nav-primary: #134771;
    --nav-dark-header: #283d4e;
    --nav-bg-mc: rgba(255, 246, 221, 0.54);
    --dialogs-header-bg: rgba(103, 129, 133, 0.73);
    --accordion-header-bg: rgba(103, 129, 133, 0.36);
    --accordion-header-color: #ecff7b;

    /* Area backgrounds */
    --bg-private: #FAFFFF;
    --bg-gradient: #fff4d4;
    --bg-gradient2: #F2FDFF;
    --bg-header: #f2fdff;
    --bg-darkness: rgb(127, 121, 109);
    --bg-info: #fffeb7;
    --bg-maxsize: #eaeaea;
    --bg-white-panel: white;

    /* Text */
    --text-primary: #333;
    --text-secondary: #777;
    --text-nav: #134771;
    --text-spec: #1d1d80;
    --text-link: #027bb2;
    --text-file-link: #173bff;
    --text-deleted: #a0a9b4;

    /* Borders */
    --border-light: #DDD;
    --border-medium: #aaa;
    --border-dark: rgb(150, 150, 150);
    --border-subtle: rgba(128, 128, 128, 0.21);

    /* Plugin UI */
    --plugin-card-bg      : rgb(220 186 77 / 0.2);
    --plugin-card-border  : #e0e0e0;
    --plugin-sub-color    : #888888;
    --plugin-badge-color  : #ffffff;
    --plugin-badge-neutral: #9aa0a6;
    --plugin-badge-ok     : #2e7d32;
    --plugin-badge-bad    : #c62828;
    --plugin-reason-color : #c62828;
    --plugin-icon-empty   : #b0b0b0;
    --plugin-switch-off   : #cccccc;
    --plugin-switch-on    : #2e7d32;
    --plugin-switch-knob  : #ffffff;
    --plugin-action-off   : #c0c0c0;
    --plugin-divider      : #e0e0e0;
    --plugin-btn-hover-bg : rgba(0, 0, 0, 0.05);
    --plugin-input-bg     : #fff;
    --plugin-primary-bg   : #22a1bc;
    --plugin-warn-color   : #b26a00;
    --plugin-danger-color : #c62828;
    --plugin-progress-bar : #3b7dd8;

    /* Chat background */
    --chatbg-dim: rgba(255, 255, 255, 0.55);
    --chatbg-none-color: #888;
    --chatbg-none-border: rgba(128, 128, 128, 0.4);

    /* Перемикач режиму списку діалогів (tabs): база = заголовок акордеону; активний — лише верхній акцент */
    --dlg-tab-active-color: #027bb2;

    /* History search */
    --hist-snippet-hover-bg: rgba(128, 128, 128, 0.10);
    --hist-snippet-active-bg: rgba(2, 123, 178, 0.14);
    --hist-hit-bg: #ffec99;
    --hist-hit-color: #000;
    --hist-err-color: #c0392b;
    --hist-msg-mine-bg: rgba(0, 128, 0, 0.05);
    --hist-flash-bg: rgba(255, 200, 0, 0.55);

    /* Scrollbar */
    --scrollbar-track: rgba(234, 234, 234, 0.50);
    --scrollbar-thumb: rgba(204, 204, 204, 0.70);
    --scrollbar-thumb-hover: rgba(178, 178, 178, 0.80);

    /* Status colors */
    --status-online:  #2bca2e;
    --status-offline: #929292;
    --status-away:    #4a90d9;
    --status-dnd:     #e05555;
    --status-default: #545454;

    --user-status-online: #595959;
    --user-status-offline: #a0a9b4;

    /* Badges / accents */
    --badge-color: #FF8839;
    --status-circle: rgb(127, 121, 109);
    --find-bg: rgb(255, 240, 22);
    --find-border: #ffca0a;
    --quote-border: blue;
    --fwd-badge-color: #4a6275;
    --fwd-chip-hover-bg: rgba(255, 246, 221, 0.54);

    --upload-progress: #b8e6ff;

    /* Shadows */
    --shadow-color: #b9b9b9;
    --text-shadow-light: #eee;

    /* Emoji / reactions */
    --emj-count-color: #b76d00;
    --emj-block-bg: rgba(128, 128, 128, 0.1);
    --emj-block-border: rgba(105, 104, 104, 0.2);

    /* Images / files */
    --thumb-border: #ddd;
    --thumb-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    --file-unit-shadow: 0 0 6px 0 #ddd;

    /* Webix components */
    --webix-bg: #f7f7f7;
    --webix-list-bg: #fff;
    --webix-text-color: #545454;
    --webix-border: #edf2f1;
    --webix-tooltip-bg: #fff;
    --webix-header-bg: #134771;
    --webix-header-color: #fff;

    /* Loading */
    --loading-progress-bg: rgba(61, 77, 253, 0.36);
    --loading-label-shadow: rgba(85, 85, 85, 0.95);

    /* File unit */
    --file-unit-bg: rgba(255, 244, 220, 0.72);
    --file-unit-border: rgba(177, 181, 177, 0.81);
    --file-unit-color: #565656;

    /* Emoji */
    --emj-plus-color: #8c8c8c;
    --emj-plus-border: rgba(128, 128, 128, 0.58);
    --emj-popup-bg: #ffffe7;

    /* User count in dialogs list */
    --user-count-color: rgba(226, 226, 226, 0.71);
    --user-count-hover: rgba(68, 68, 68, 0.71);

    /* Day separator */
    --day-separator-bg: rgb(241 208 166 / 25%);

    /* Code highlight */
    --hljs-bg: #f0f0f0;
    --hljs-text: #444;

    /* Messages */
    --msg-control-hover: #000;
    --msg-menu-color: #333;
    --kanban-time-color: #bbb;

    /* Panels & headers */
    --panel-shadow: #909090;
    --call-time-shadow: #e0e0e0;
    --cp-panel-bg: rgba(255, 255, 255, 0.92);
    --cp-control-bg: rgba(240, 244, 249, 0.92);
    --cp-control-border: #d1d5db;
    --cp-control-hover-border: #a2a1a1;
    --cp-control-text: #272727;
    --cp-active-bg: #f17c7c;
    --cp-active-color: #fff;
    --cp-panel-shadow: 0 0 8px rgba(0, 0, 0, 0.22);
    --accent-blue: #3498DB;
    --accordion-alt-bg: #fafafa;
    --accordion-hover-bg: rgba(103, 129, 133, 0.40);

    /* Shadows */
    --shadow-text: #555;
    --shadow-text-light: #f6f6f6;
    --box-shadow-selected: #262626;
    --state-circle-selected: #e6e6e6;
    --box-shadow-1px: #a7a7a7;

    /* Misc semantic */
    --disabled-color: #ddd;
    --divider-color: gray;
    --tool-notify-color: #ff9800;
    --bbs-separator: green;
    --terminal-cursor: green;
    --terminal-cursor-bg: green;
    --terminal-cursor-bg-muted: #3e3e3e;
    --terminal-cursor-text: #000;
    --terminal-selection-bg: #1f6feb;
    --terminal-selection-text: #fff;
    --border-msg: brown;
    --input-border: #cfcfcf;
    --error-color: #e83b3b;
    --list-bg: rgba(235, 242, 255, 0.2);
    --list-right-bg: rgba(245, 222, 179, 0.85);
    --table-stripe-even: #ffffdd;
    --table-stripe-odd: #ffffee;
    --ntf-item-border: #da7d7d2b;

    /* BundleFiles (type 66) browser */
    --bundle-bg: rgba(19, 71, 113, 0.05);
    --bundle-border: rgba(19, 71, 113, 0.18);
    --bundle-btn-bg: rgba(255, 255, 255, 0.85);
    --bundle-stripe: rgba(19, 71, 113, 0.05);

    /* Video conference grid */
    --vconf-tile-bg      : #e4e6e8;
    --vconf-speaking     : #4caf50;
    --vconf-avatar-color : #ffffff;
    --vconf-overlay-bg   : rgba(0, 0, 0, 0.45);
    --vconf-overlay-color: #ffffff;
    --vconf-mic-off      : #e05252;
}
