:root {
    --bs-body-bg: var(--current-theme-color) !important;
    --bs-body-bg-rgb: var(--current-theme-color-rgb) !important;

    /* Mangofit colors */
    --current-company-color: rgb(253, 61, 0);
    --current-company-color-rgb: 253, 61, 0;
    --mangofit-color: #fd3d00;
    --buttons-background-color: #e94f1d;

    /* Gradients */
    --gray-gradient: linear-gradient(to right, #afafaf, #ebebeb);

    /* Chat */
    --sent-color: #fa5a00;
    --received-color: #f6f6f6;
    --chat-footer-elements-height: 38px;
    --input-chat-message-max-height: 150;

    /* My Style | Generic colors */
    --ms-black-color: #0a0a0a;
    --ms-black-color-rgb: 10, 10, 10;

    --ms-white-color: #fff;
    --ms-white-color-rgb: 255, 255, 255;

    --ms-gray-dark-color: #343a40;
    --ms-gray-dark-color-rgb: 52, 58, 64;

    --ms-gray-light-color: #d3d3d3;
    --ms-gray-light-color-rgb: 211, 211, 211;

    /* Bootstrap colors */
    --info-color: #17a2b8;
}

:root[data-bs-theme="dark"] {
    color-scheme: dark;

    --contrast-theme-color: var(--ms-white-color);
    --contrast-theme-color-rgb: var(--ms-white-color-rgb);

    --current-theme-color: var(--ms-black-color);
    --current-theme-color-rgb: var(--ms-black-color-rgb);

    --current-theme-secondary-color: var(--ms-gray-dark-color);
    --current-theme-secondary-color-rgb: var(--ms-gray-dark-color-rgb);
}

:root[data-bs-theme="light"] {
    color-scheme: light;

    --contrast-theme-color: var(--ms-black-color);
    --contrast-theme-color-rgb: var(--ms-black-color-rgb);

    --current-theme-color: var(--ms-white-color);
    --current-theme-color-rgb: var(--ms-white-color-rgb);

    --current-theme-secondary-color: var(--ms-gray-light-color);
    --current-theme-secondary-color-rgb: var(--ms-gray-light-color-rgb);
}