/* accounts/static/accounts/css/base.css */

/* Custom focus styles to match design system */
.focus-ring:focus {
    outline: none;
    ring: 2px;
    ring-color: rgb(147 197 253); /* blue-300 */
}

/* Animation for smooth transitions */
.transition-all {
    transition: all 0.2s ease-in-out;
}

/* Custom scrollbar for better UX */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}