/* Custom styles to supplement Tailwind */

/* Frosted Glass Utility Class */
.frosted-card {
    background: rgba(30, 41, 59, 0.4); /* slate-800 with opacity */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #020617; /* slate-950 */
}

::-webkit-scrollbar-thumb {
    background: #334155; /* slate-700 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569; /* slate-600 */
}