@font-face {
    font-family: 'bold';
    src: url('../Font/YekanBakhFaNum-Bold.ttf') format('truetype');
    font-weight:700;
}
@font-face {
    font-family: 'light';
    src: url('../Font/YekanBakhFaNum-Light.ttf') format('truetype');
    font-weight: 400;
}

* {
    padding: 0;
    margin: 0;
    outline: none;
    user-select: none;
    scrollbar-width: thin;
    scrollbar-color: #4f46e5 transparent;
    background-color: transparent;
    text-wrap: auto;
}
*::-webkit-scrollbar-thumb {
    background-color: #4f46e5;
    border-radius: 4px;
}
*::-webkit-scrollbar-track {
    background-color: transparent;
}


body {
    height: 100vh;
    width: 100vw;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
}


.dark {
    background-color: #000;
    background-image: linear-gradient(240deg, #050b17, #031837);
}
.light {
    background-color: #fff;
    background-image: linear-gradient(240deg,#ECECEA,#e6ebff);
}


:root {
    --font-bold: 'bold';
    --font-light: 'light';

    
    --font-bold-size:12pt;
    --font-light-size:11pt;

    --primary-color:#4f46e5;
    --primary-light-color:#5e55e6;
    --primary-font-color:#fff;

    
}

:root .light {
    --font-light-color:#1b166e;
    --font-bold-color:#323053;

    --colored-card-color:linear-gradient(to left, #9335E3, #4f46e5);
    --colored-card-font-color:#fff;

    --card-color:#fff;
    --card-shadow: 0px 1px 7px 2px #00000010;

    --picker-color:#ededed;
    --boxshadow2: 0px 1px 7px 2px #00000010;

    --button-color:#f4f4f4;
    --button-hover-color:#e4e4e4;
    --button-hover-active:#d8d8d8;

    --checkbox-inactive-color:#c1c1c1;

    --menu-color:rgba(250,250,250,.5);
    --menu-shadow:-1px -1px 1px #fff inset,1px 1px 1px #fff inset;
}

:root .dark {
    --font-light-color:#dcdaf5;
    --font-bold-color:#ffffff;

    --picker-color:#0d1015;
    --boxshadow2: 0px 1px 7px 2px #171d27;

    --colored-card-color:linear-gradient(to left, #421767, #231e7e);
    --colored-card-font-color:#fff;

    --card-color:#0f1011;
    --card-shadow: -1px -1px 1px #bababa inset,1px 1px 1px #c7c7c7 inset;

    --button-color:#2b2b2b;
    --button-hover-color:#474747;
    --button-hover-active:#4c4c4c;

    --checkbox-inactive-color:#5a5a5a;

    --menu-color:rgba(50,50,50,.5);
    --menu-shadow:-1px -1px 1px #bababa inset,1px 1px 1px #c7c7c7 inset;
}



.div-empty{
    position:relative;
    width:100%;
    height:fit-content;
    margin-top:25px;
    margin-bottom:25px;
}
.div-empty img{
    width:100%;
    height:fit-content;
    object-fit:contain;
    max-height:300px;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    color: var(--primary-font-color) !important;
}
.btn-primary:hover{
    background-color: var(--primary-light-color) !important;
}
.btn-primary:active{
    transform:scale(.99) !important;
}