:root{
    --border-color:#e6e6e6;
    --main-background: var(--main-bg);
    --card-background: var(--main-bg);
    --button-background: #219b74;
    --disabled-background-1: #c6c6c624;
    --disabled-background-2: #fff;
    --text-color-priority-1: #000;
    --text-color-priority-2: #7a7a7a;
    --beta-label-background: #ff92001f;
    --beta-label-color: #ff9200;
}

.toggle_dark_mode{}

.wrapper-card::-webkit-scrollbar,
textarea::-webkit-scrollbar,
.card-creation::-webkit-scrollbar{
    width: 1.3em;
    height: 0;
}
.wrapper-card::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
.card-creation::-webkit-scrollbar-thumb{
    height: 1em;
    border: 0.5em solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 1em;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.025);
}
.wrapper-card::-webkit-scrollbar-button,
textarea::-webkit-scrollbar-button,
.card-creation::-webkit-scrollbar-button{
    width: 0;
    height: 0;
    display: none;
}
.wrapper-card::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-corner,
.card-creation::-webkit-scrollbar-corner {
    background-color: transparent;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--height-header) + var(--margin-from-header));
    background: var(--main-bg);
}