:root {
    /* borders */
    --border-width: 1px;
    --border-width-light: 0px;
    --border: 1px solid #101520;
    --border-2: solid 1px var(--theme-color-8);
    --border-3: solid 1px var(--theme-color-5);
    --border-color: #101520;
    --border-light-color: rgba(0, 0, 0, 0.08);
    --border-color-2: #242528;
    --border-color-3: #393D46;
    --border-color-4: #30343D;
    --border-color-5: #4f5661;
    --border-color-6: #101520;
    --border-color-7: #212630;
    --border-color-8: var(--theme-color-5);
    --border-color-9: var(--theme-color-8);
    --border-color-10: #FFFFFF;
    --border-color-11: #212630;
    --border-color-12: #2f3641;
    --border-color-13: transparent;
    --border-color-14: #ffffff1a;
    --border-hover: #666f7d;
    --button-border: #094CCD;
    --box-shadow-1: none;
    --box-shadow-2: inset 0px 2px 3px rgba(0, 0, 0, 0.3);
    --light-border: none;
    /* Theme background colors */
    --theme-color-1: #393D46;
    --theme-color-2: #353942;
    --theme-color-3: #30343D;
    --theme-color-4: #2B2F39;
    --theme-color-5: #262B34;
    --theme-color-6: #212630;
    --theme-color-7: #1A1F29;
    --theme-color-8: #101520;
    --theme-color-9: #4D5058;
    --theme-color-10: #4f5661;
    --theme-color-11: #0A0F17;
    --theme-color-12: #090D16;
    --theme-color-13: #20242E;
    --theme-color-14: #191C20;
    --theme-color-15: #2C313B;
    /* Hovered variants */
    --theme-color-3-hover: #353942;
    --theme-color-5-hover: #2d323d;
    --theme-color-8-hover: #3C4149;
    /* Text colors */
    --text-color-normal: #ffffff;
    --text-color-muted: #dcdfe4;
    --text-color-shallow: #CED1D7;
    --text-color-mixed: #B5B8BF;
    --text-color-blended: #7E838D;
    --text-color-placeholder: #4F5661;
    --text-color-hover: var(--text-color-normal);
    --text-color-rank: #f3f5f7;
    --text-color-secondary: #ffffff73;
    --text-color-fillTertiary: #ffffff0d;
    /* Buttons and Effects */
    --button-color-standard: #0a71f1;
    --button-color-standard-50p: #0a71f180;
    --button-color-standard-20p: #0a71f133;
    --button-color-hover: #4096ff;
    --dark-button-color: #0a71f1;
    --icon-hover: #515967;
    --overlay: rgba(255, 255, 255, 0.05);
    --overlay-darker: rgba(255, 255, 255, 0.1);
    --overlay-darker-70p: rgba(255, 255, 255, 0.7);
    --hover-button: #666C77;
    --configuration-sidebar-button-selected: rgba(28, 78, 151, 0.5);
    --accent-color: #edfcff;
    --button-border-disabled: #30343D80;
    --button-disabled: #30343d;
    --selected-text-color: #9BC8FF;
    --selected-border-color: #3c89e8;
    --selected-shade: rgba(10, 113, 241, 0.1);
    --selected-highlight: #0a71f19A;
    --selected-hover: #1F83FF;
    --selected-highlight-alt: #1C4E9780;
    --dashboard-icon-select: #0E315E;
    --incident-note-select: #4096ff;
    --incident-note-select-bg: #0A71F133;
    --mce-highlight: #5a5b5e;
    --highlight: #1c4e97;
    --scrollbar-thumb-bg: #393D46;
    --light-purple: #b5aed5; /* rgb(181, 174, 213) */

    --input-bg: transparent;
    --success: rgba(10, 149, 68, 0.2);
    --json-literal: #FFD180;
    /*** opacity***/
    /* Theme background colors*/
    --theme-color-1-80p: #393D46CC;
    --theme-color-2-80p: #353942CC;
    --theme-color-3-80p: #30343DCC;
    --theme-color-4-80p: #2B2F39CC;
    --theme-color-5-80p: #262B34CC;
    --theme-color-6-80p: #212630CC;
    --theme-color-7-80p: #1A1F29CC;
    --theme-color-8-80p: #101520CC;
    --theme-color-8-60p: #10152099;
    --theme-color-8-40p: #10152066;
    --theme-color-5-50p: #262b3480;
    --theme-color-4-10p: #2b2f391a;
    --theme-color-3-50p: #30343D80;
    --theme-color-2-50p: #FFFFFF1A;
    /* Text colors*/
    --text-color-normal-80p: #ffffffCC;
    --text-color-muted-80p: #dcdfe4CC;
    --text-color-shallow-80p: #CED1D7CC;
    --text-color-normal-60p: rgba(255,255,255,0.6);
    --text-color-normal-50p: rgba(255,255,255,0.5);
    --text-color-normal-40p: rgba(255,255,255,0.4);
    --text-color-normal-20p: rgba(255,255,255,0.2);
    --text-color-normal-10p: rgba(255,255,255,0.1);
    --text-color-mixed-50p: rgb(181, 184, 191, 0.5);
    --text-color-normal-25p: rgba(255, 255, 255, 0.25);
    /* Additional colors */
    --playbook-bar-color: var(--theme-color-5-80p);
    --playbook-bar-color-2: rgba(0,0,0,0);
    --playbook-bar-color-3: var(--theme-color-5);
    --message-bubble-color: rgba(10, 113, 241, 0.8);
    --warning-color: #6A4400;
    --task-details-textarea-bg: #191E28;
    --widget-background: #30343f;
    --user-icon-bg: rgba(155, 200, 255, 0.2);
    /* Image filters*/
    --image-filter: none;
    --image-filter-2: none;
    --image-filter-3: none;
    --image-filter-disabled: none;
    /* Overlay */
    --overlay-base: #000000;
    --overlay-darken: rgba(0, 0, 0, 0.05);
    /* Playbook Status */
    --running-color: var(--light-purple);
    --running-bg: rgba(90, 76, 161, 0.4);
    --pending-color: rgba(255, 209, 128, 1);
    --pending-bg: rgba(255, 163, 0, 0.2);
    --error-color: rgba(240, 143, 147, 1);
    --error-bg: rgba(225, 31, 38, 0.4);
    --done-color: rgba(132, 202, 161, 1);
    --done-bg: rgba(10, 149, 68, 0.2);
    --site-label: #F3F5F7;
    --divider-border-color: rgba(255, 255, 255, 0.12);

    --bg-dot: #2a2f3a;
    --code-editor-theme-bg: #090d16;
    /* pagination */
    --pagination-bg: transparent;
    --pagination-primary: #ffffff;
    /*TODOLIST, use dark and light theme */
    /* Global variable */
    --bg-color: #0a0f17;
    --neutrals-text-colorText: rgba(255, 255, 255, 0.85);
}

.searchResultTab input#header-chb[indeterminate='true']::before {
    --text-color-shallow: #262b34;
}

/*select,
input[type='text'],
textarea {
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3);
}*/

input {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}