/* Custom Styles for Klik Fin - Slate/Zinc Theme */

body {
    font-family: 'Inter', sans-serif;
}

/* Custom scrollbar styling (Sleek Slate/Zinc style) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #cbd5e1; /* slate-300 */
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; /* slate-400 */
}

/* Smooth transitions for hover effects */
* {
    transition: background-color 0.2s ease, border-color 0.2s ease, text-decoration-color 0.2s ease, fill 0.2s ease, stroke 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Card hover animation */
.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.05), 0 4px 6px -4px rgb(0 0 0 / 0.05);
}

/* Custom backdrop-blur for modal layouts */
.backdrop-blur-sm {
    backdrop-filter: blur(4px);
}

/* Safe area padding helper for mobile smartphones */
.pb-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}