/* Custom overrides and additional styles */

/* Smooth focus styles */
a:focus-visible, button:focus-visible {
    outline: 2px solid #528035;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: #c7dbb3;
    color: #1f3117;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f5ee;
}
::-webkit-scrollbar-thumb {
    background: #c7dbb3;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #9dbe7e;
}

/* Ensure nav stays above everything */
nav {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}

/* Subtle hover on feature cards */
.feature-card {
    background: #f5f5ee;
}
.feature-card:hover {
    background: #fff;
}

/* Button active states */
.btn-primary:active, .btn-secondary:active {
    transform: translateY(0);
}

/* Mobile menu backdrop */
#menuOverlay {
    backdrop-filter: blur(2px);
}

/* Ensure all text meets contrast */
.text-forest-600 { color: #3d6428; }
.text-forest-700 { color: #2f4c21; }
.text-forest-800 { color: #263d1c; }
.text-forest-900 { color: #1f3117; }