/* =================================================================
   light.css — Light theme for MyChat Web 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 */
    --msg-user-bg: transparent url(img/transparent_r.png) repeat;
    --msg-my-bg: transparent url(img/transparent_g.png) repeat;
    --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);

    /* 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;
    --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: 1px 1px 5px #999;
    --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;
    --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;
    --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;
}