/* Custom styles that complement Tailwind */

/* Smooth focus styles for accessibility */
*:focus-visible {
    outline: 2px solid #1B4332;
    outline-offset: 2px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #FDFBF7;
}
::-webkit-scrollbar-thumb {
    background: #A5D6A7;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #66BB6A;
}

/* Animation keyframes */
@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}

@keyframes float-reverse {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(20px) rotate(-5deg); }
}

/* Apply floating animation to select geometric shapes */
@media (prefers-reduced-motion: no-preference) {
    .geo-shape:nth-child(1) {
        animation: float 6s ease-in-out infinite;
    }
    .geo-shape:nth-child(2) {
        animation: float-reverse 8s ease-in-out infinite;
    }
}

/* Print styles */
@media print {
    nav, .geo-shape, #contact-form, .btn-primary { display: none; }
    body { background: white; color: black; }
    a { color: black; text-decoration: underline; }
}