:root {
    --white: rgb(255, 255, 255); /*rgb(52, 52, 61)*/
    --white-blue: rgb(230, 246, 255);
    --light-grey: rgb(242, 244, 246);
    --grey: rgb(122, 138, 160);
    --grey-blue: rgb(122, 138, 160);
    --dark-blue: rgb(39, 56, 82);
    --light-blue: rgb(0, 163, 255);
    --light-blue2: rgb(0, 155, 242);
    --light-blue3: rgb(230, 246, 255);
    --cyan-blue: rgb(83, 186, 149);
    --yellow: rgb(255, 172, 47);
    --primary: var(--light-blue);
    --success: rgb(83, 186, 149);
    --dark: /*#27272e;*/ rgb(255, 255, 255);
}

body.dark-mode{
	background: rgb(27, 33, 41); /*rgb(28, 28, 33);*/
    color: rgb(255, 255, 255);
}
.dark-bg{
	position: fixed;
    z-index: -1;
    top: 50%;
    left: 50%;
    margin: -392px 0px 0px -780px;
    width: 1560px;
    height: 784px;
    pointer-events: none;
}
.nav svg{ fill: rgba(255, 255, 255, 0.8); }
.nav a, .nav-item.active{ color: rgba(255, 255, 255, 0.8); }

.btn-light{
    background-color: rgb(52, 52, 61);
    border-color: rgb(52, 52, 61);
    color:rgba(255, 255, 255, 0.8);
}
.btn-light:hover {
    background-color: #2f3f50;
    border-color: #2f3f50;
    color: unset;
}
.text-secondary{ color: rgba(255, 255, 255, 0.8) !important; }

.btn-group-bullet{ background-color: rgb(19, 19, 23); }
.btn-group-bullet .selected{ background-color:rgb(52, 52, 61); }
.btn-primary-light{ background-color: #2a3a4b; }
.btn-primary-light:hover{ background-color:#26475f; color: var(--light-blue); }
.block-bg{ 
    background-color: rgb(52, 52, 61); 
    color: rgb(255, 255, 255, 0.8);
}
.single-input{ border-color: #48484f; background-color: rgb(52, 52, 61);}
.single-input:hover{ border-color: #616167; }
.single-input:not(:focus-within) .input-wrapper>span{   color:rgba(255, 255, 255, 0.8);}

.accordion-card .card-header > button{ color: rgba(255, 255, 255, 0.8); }