@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap");

/* ── Custom utilities ─────────────────────────────── */
.gradient-rose {
    background-image: linear-gradient(135deg, #e8394f 0%, #9e1f5a 100%);
}

.text-gradient-rose {
    background-image: linear-gradient(135deg, #e8394f 0%, #9e1f5a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.shadow-soft {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 30px rgba(232, 57, 79, 0.08);
}

@keyframes fade-up {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
    animation: fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.font-display { font-family: 'Fraunces', Georgia, serif; }

/* ── Lucide icon baseline ─────────────────────────── */
[data-lucide] {
    display: inline;
    vertical-align: middle;
    flex-shrink: 0;
}

/* ── Donate page interactive states ──────────────── */
.freq-btn.is-active {
    border-color: #e8394f !important;
    background-color: #e8394f !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 30px rgba(232,57,79,0.08);
}

.amount-btn.is-active {
    border-color: #e8394f !important;
    background-color: #fce5e8 !important;
    color: #e8394f !important;
}

/* ── Active nav ───────────────────────────────────── */
.nav-link-active { color: #e8394f !important; }