@font-face {
    font-family: 'Shabnam';
    src: url('/fonts/Shabnam.woff2') format('woff2'),
         url('/fonts/Shabnam.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, * {
    font-family: 'Shabnam', sans-serif !important;
}

.dark-toggle{width:50px;height:24px;background:#1e293b;border-radius:20px;cursor:pointer;position:fixed;top:10px;left:10px;z-index:9999;transition:.3s;}
.dark-toggle .toggle-circle{width:20px;height:20px;background:#cbd5e1;border-radius:50%;position:absolute;top:2px;right:2px;transition:.3s;}
.dark-toggle.active{background:#00d4ff;}
.dark-toggle.active .toggle-circle{right:28px;}
body.light{background:#f5f5f5 !important;color:#111 !important;}