/* style.css */

/* Theme Variables */
:root {
    --bg-main: #F8FAFC;
    --bg-card: #FFFFFF;
    --text-main: #0F172A;
    --text-muted: #64748B;
    --border-main: #E2E8F0;
}

html.dark {
    --bg-main: #0F172A;
    --bg-card: #1E293B;
    --text-main: #F8FAFC;
    --text-muted: #94A3B8;
    --border-main: #334155;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--border-main);
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #64748B;
}

.glass {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.toast-show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Animations */
@keyframes spin-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.fingerprint-spinner {
    animation: spin-slow 2s linear infinite;
}

.blur-zero {
    filter: blur(0px) !important;
}