@font-color: #616161;
@font-color-alternate: #fff;
@font-color-primary: #3b3cea;
@background-color-custom-1: #fff;
@background-color-custom-2: #f0f3f8;
@button-activated-bg-color: #1890FF;
@button-deactivated-color: transparent;

:root {
    --theme-mode: light;
    --font-color: @font-color;
    --color-alternate: @font-color-alternate;
    --font-color-primary: @font-color-primary;
    --color-accent-1-40: fade(@font-color-primary, 40%);
    --background-color-custom-1: @background-color-custom-1;
    --background-color-custom-1-70: fade(@background-color-custom-1, 80%);
    --background-color-custom-2: @background-color-custom-2;
    --button-activated-bg-color: @background-color-custom-1;
    --success-button-font-color: #008633;
}

// body svg {
//     color: #000;
// }

//lightmode for react-confirm-alert-body
.react-confirm-alert-body {
    padding: 20px;
}

div.react-confirm-alert-body > h1 {
    font-size: 1.4rem;
    // color: var(--color-alternate);
}

.react-confirm-alert-overlay {
    background-color: var(--background-color-custom-1-70);
}