/* Custom styles that go beyond Tailwind */

/* Smooth focus styles */
*:focus-visible {
    outline: 2px solid #408040;
    outline-offset: 2px;
}

/* Subtle pattern for decorative sections */
.pattern-dots {
    background-image: radial-gradient(circle, rgba(64, 128, 64, 0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

/* Ensure images don't cause layout shift */
img {
    max-width: 100%;
    height: auto;
}

/* Selection color */
::selection {
    background-color: #96c596;
    color: #163316;
}

/* Print styles */
@media print {
    nav, #contact-form, #form-success, .service-card {
        break-inside: avoid;
    }
}