/* Custom styles that complement Tailwind */
body {
    line-height: 1.6;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom section spacing */
section {
    scroll-margin-top: 80px;
}

/* Custom transitions */
.transition-300 {
    transition: all 0.3s ease;
}

/* Custom shadow for cards */
.custom-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Responsive typography */
@media (min-width: 768px) {
    .text-responsive {
        font-size: calc(1rem + 0.5vw);
    }
}