/* Minimal custom CSS - Tailwind does almost everything */
/* Only for complex animations or browser-specific fixes */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Better focus styles */
*:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

*:focus:not(:focus-visible) {
    outline: none;
}

/* Custom scrollbar (optional) */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Hide mobile menu by default (handled by JS) */
#mobile-menu.hidden {
    display: none;
}