/* Custom styles beyond Tailwind */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure all text meets WCAG AA contrast */
nav a, nav li { color: rgb(45, 95, 45); }
nav a:hover { color: rgb(22, 45, 22); }

/* Mobile menu transition */
#mobile-menu {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Smooth image loading */
img {
    display: block;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: rgb(250, 249, 246);
}
::-webkit-scrollbar-thumb {
    background: rgb(184, 209, 184);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgb(143, 184, 143);
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid rgb(61, 122, 61);
    outline-offset: 2px;
}