/* Custom styles that complement Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background: #c5dfc8;
    color: #1a311d;
}

/* Focus styles */
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
a:focus-visible {
    outline: 2px solid #467d4b;
    outline-offset: 2px;
}

/* Subtle gradient for service cards */
.service-card {
    background: linear-gradient(135deg, #faf9f6 0%, #f5f3ee 100%);
}

/* Animate on scroll stagger */
.fade-in:nth-child(2) { transition-delay: 0.1s; }
.fade-in:nth-child(3) { transition-delay: 0.2s; }
.fade-in:nth-child(4) { transition-delay: 0.3s; }
.fade-in:nth-child(5) { transition-delay: 0.4s; }
.fade-in:nth-child(6) { transition-delay: 0.5s; }

/* Button ripple effect */
button {
    position: relative;
    overflow: hidden;
}

/* Image hover zoom */
.service-card img,
#about img {
    transition: transform 0.5s ease;
}

/* Gradient text utility */
.text-gradient {
    background: linear-gradient(135deg, #467d4b, #97c49a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}