/* Custom styles — minimal, supporting the Tailwind layer */

/* Smooth focus outlines for keyboard users */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 1px solid rgba(15, 81, 50, 0.5);
    outline-offset: 2px;
}

/* Subtle image hover parallax feel */
.group img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .group img { transition: none; }
    .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Custom scrollbar in emerald tone */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FAF6F0; }
::-webkit-scrollbar-thumb { background: rgba(15, 81, 50, 0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(15, 81, 50, 0.4); }
</style>