/* Custom styles that extend Tailwind */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Animation for donation amount buttons */
.donation-amount.active {
    background-color: #4F46E5;
    color: white;
    border-color: #4F46E5;
}

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

/* Custom shadow for cards */
.shadow-custom {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Hover effects for buttons and links */
.transition {
    transition: all 0.3s ease;
}

/* Custom styles for feather icons */
.feather {
    vertical-align: middle;
}