:root {
    --transition-duration: .2s;
    --bs-body-bg: #FCFCFC;
    --bs-body-font-family: 'Golos Text', sans-serif;

    --color-success: #04A052;
    --color-danger: #FF6363;
}

body.light-theme {
    --auth-card-background-color: #FFFFFF;
    --auth-card-border-color: rgba(225, 225, 225, .5);
    --auth-card-shadow: 0px 15px 20px 0px rgba(0, 0, 0, .06);
    --color-default: #000000;
    --color-default-inverse: #FFFFFF;
    --color-neutral: #827F7E;
    --color-neutral-inverse: rgba(255, 255, 255, .5);
    --color-muted: #5F5C5B;
    --color-muted-inverse: rgba(255, 255, 255, .75);
    --color-transparent: rgba(0, 0, 0, .25);
    --color-transparent-inverse: rgba(255, 255, 255, .25);
    --form-control-border-color-default: rgba(0, 0, 0, .15);
    --form-control-border-color-hover: rgba(0, 0, 0, .5);
    --form-control-border-color-active: rgb(0, 0, 0);
    --divider-color: rgba(0, 0, 0, .1);
    --border-color: #E1E1E1;
    --border-color-hover: var(--color-default);
    --btn-back-border-color: var(--border-color);
    --authorized-user-active-mask-color: rgba(255, 255, 255, .35);
    --auth-qr-container-background-color: #F4F5F7;
    --btn-transparent-color: var(--color-muted);
    --badge-color: rgba(0, 0, 0, .05);
    --authorized-user-background-color: transparent;
    --authorized-user-background-color-hover: #EEE;

    --dropdown-item-background-color: transparent;
    --dropdown-item-background-color-hover: rgba(0, 0, 0, .10);
}