@import url('../../../fonts/Montserrat-Medium/styles.css');

:root {
    --body-bg: rgba(57, 54, 81, 1);
    --border: 0.5px solid rgb(255 255 255 / 32%);
    --border-radius: 1rem;
    --msger-width: 800px;
    --msger-height: 700px;
    --msger-bubble-width: 85%;
    --msger-bg: #35343a;
    --msger-border: #49484e;
    --wb-width: 800px;
    --wb-height: 600px;
    --wb-bg: radial-gradient(#393939, #000000);
    --select-bg: #2c2c2c;
    --left-msg-bg: #38373d;
    --right-msg-bg: #3f3e44;
    --private-msg-bg: #6b1226;
    --box-shadow: 0px 8px 16px 0px rgb(0 0 0);
    --btns-hover-scale: scale(1.1);
    --settings-bg: radial-gradient(#393939, #000000);
    --tab-btn-active: rgb(42 42 42 / 70%);
    --btns-bg-color: rgba(0, 0, 0, 0.7);
    /* buttons bar horizontal */
    --btns-top: 50%;
    --btns-right: 0%;
    --btns-left: 10px;
    --btns-margin-left: 0px;
    --btns-width: 60px;
    --btns-flex-direction: column;
    /* buttons bar horizontal
    --btns-top: 95%;
    --btns-right: 25%;
    --btns-left: 50%;
    --btns-margin-left: -160px;
    --btns-width: 320px;
    --btns-flex-direction: row;
    */
    /* bottom buttons bar horizontal default */
    --bottom-btns-top: auto;
    --bottom-btns-left: 50%;
    --bottom-btns-bottom: 0;
    --bottom-btns-translate-X: -50%;
    --bottom-btns-translate-Y: 0%;
    --bottom-btns-margin-bottom: 18px;
    --bottom-btns-flex-direction: row;

    --transcription-height: 680px;
    --transcription-width: 420px;
    --trx-bg: radial-gradient(#393939, #000000);

    --editor-container-width: 100%;
    --editor-container-height: 100%;
    --editor-height: 85vh;

    --vmi-wh: 15vw;
    /* https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit */
    --videoObjFit: cover;

    --dd-color: #ffffff;
    --chat-tab-color: #717076;
    --chat-tab-active-color: #7e6acf;
    --ct-msg-time-color: #717076;
    --text-color: #fafafa;
    --card-bg: #35343a;
    --card-border: #49484e;
    --right-msg-color: #2f2f2f;
    --left-msg-color: #2f2f2f;
    --chat-input-color: #2f2f2f;
    --chat-input-border: #2f2f2f;

    --modal-content: #fff;
    --modal-content-text: #212529;
    --modal-content-border: #dee2e6;

    --color-primary: #7a5eb6;
    --color-primary-hover: #6a4ea5;
    --btn-bg-color: #7e6acf;
    --btn-bg-color-lighter: #7a5eb6;
    --scroll-bar-color: radial-gradient(#393939, #000000);
    --username-bg: rgba(0, 0, 0, 0.6);
    --meeting-action-icon: #2c3e50;
    --meeting-disable-arrow: #bdc3c7;
    --pagination-left-arrow-gradient: linear-gradient(270deg, rgba(250, 253, 255, 0) 10.5%, #fafdff 100%);
    --pagination-right-arrow-gradient: linear-gradient(270deg, #fafdff 10.5%, rgba(250, 253, 255, 0) 100%);
    --pagination-arrow-color: #0c1524;
    --label-color: #adadad;
    --init-btn-brdr-clr: #7e6acf;
    --init-btn-bg-clr-hover: #7e6acf;
    --init-select-brdr-clr: #e4e4e4;
    --refresh-btn-bg: #7a5eb6;
    --system-vbg-bg: #061629;
    --init-user-block: #f2f2f2;
    --stop-presentation-color: #fc4e4e;
}

* {
    outline: none;
    font-family: 'Montserrat', 'Roboto', 'Segoe UI', Arial, sans-serif;
}

/* 1t.vc Dark Theme */
:root.theme-1t-vc,
.vc1t.theme-1t-vc {
    --body-bg: #061629;
    --card-border: #263242;
    --text-color: #fafafa;
    --card-bg: #061629;
    --init-modal-bg: #061629;
    --wb-bg: #061629;

    --chat-tab-color: #717076;
    --chat-tab-active-color: #7e6acf;
    --ct-msg-time-color: #717076;

    --left-msg-bg: #38373d;
    --right-msg-bg: #3f3e44;
    --msger-bg: #35343a;
    --msger-border: #49484e;
    --right-msg-color: #fafafa;
    --left-msg-color: #fafafa;

    --chat-input-color: #fafafa;
    --chat-input-border: #56545c;

    --modal-content: #2b2a30;
    --modal-content-text: #fafafa;
    --modal-content-border: #3f3e44;

    --btn-bg-color: #1d477a;
    --btn-bg-color-lighter: #3478c8;
    --color-primary: #3478c8;
    --meeting-action-icon: #ecf0f1;
    --meeting-disable-arrow: #7f8c8d;

    --pagination-left-arrow-gradient: linear-gradient(270deg, rgba(6, 22, 41, 0) 10.5%, #061629 100%);
    --pagination-right-arrow-gradient: linear-gradient(270deg, #061629 10.5%, rgba(6, 22, 41, 0) 100%);
    --pagination-arrow-color: #ffffff;

    --label-color: #596573;
    --init-btn-brdr-clr: #1d477a;
    --init-btn-bg-clr-hover: #0d2139;
    --init-select-brdr-clr: #263242;
    --spinner-logo-color: #b4c8ff;
    --refresh-btn-bg: #263242;
    --system-vbg-bg: #263242;
    --init-user-block: #263242;
    --presentation-btn: #fff;
}

/* 1t.vc Light Theme */
:root.theme-1t-vc-light,
.vc1t.theme-1t-vc-light {
    --body-bg: #fafdff;
    --card-border: #e4e4e4;
    --text-color: #2f2f2f;
    --card-bg: #fafdff;
    --init-modal-bg: #fafdff;
    --wb-bg: #061629;

    --chat-tab-color: #717076;
    --chat-tab-active-color: #7e6acf;
    --ct-msg-time-color: #8f88ab;

    --left-msg-bg: #ede9fe;
    --right-msg-bg: #ede9fe;
    --msger-bg: #fbfbfb;
    --msger-border: #e4e4e4;

    --right-msg-color: #2f2f2f;
    --left-msg-color: #2f2f2f;

    --chat-input-color: #2f2f2f;
    --chat-input-border: #e4e4e4;

    --modal-content: #ffffff;
    --modal-content-text: #2f2f2f;
    --modal-content-border: #ffffff;

    --btn-bg-color: #4b8ad7;
    --btn-bg-color-lighter: #2182f7;
    --color-primary: #2182f7;
    --meeting-action-icon: #2c3e50;
    --meeting-disable-arrow: #bdc3c7;

    --pagination-left-arrow-gradient: linear-gradient(270deg, rgba(250, 253, 255, 0) 10.5%, #fafdff 100%);
    --pagination-right-arrow-gradient: linear-gradient(270deg, #fafdff 10.5%, rgba(250, 253, 255, 0) 100%);
    --pagination-arrow-color: #0c1524;

    --label-color: #adadad;
    --init-btn-brdr-clr: #4b8ad7;
    --init-btn-bg-clr-hover: #ddefff;
    --init-select-brdr-clr: #e4e4e4;
    --spinner-logo-color: #250046;
    --refresh-btn-bg: #f2f2f2;
    --system-vbg-bg: #061629;
    --init-user-block: #f2f2f2;
    --stop-presentation-color: #fc4e4e;
    --presentation-btn: #596573;
}