/* ──────────────────────────────────────────────────────────
   Global Styles - SAARP Foundation
   ────────────────────────────────────────────────────────── */

html { scroll-behavior: smooth; scroll-padding-top: 100px; }

/* Staggered Reveal Animations */
.reveal {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), 
              transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 100ms; }
.reveal-delay-2 { transition-delay: 200ms; }
.reveal-delay-3 { transition-delay: 300ms; }
.reveal-delay-4 { transition-delay: 400ms; }
.reveal-delay-5 { transition-delay: 500ms; }
.reveal-delay-6 { transition-delay: 600ms; }

/* Amount cards (Donate Page) */
.amount-card {
  background: #ffffff;
  position: relative;
}
.amount-card.selected {
  border-color: #00559e;
  background: #d4e3ff;
  box-shadow: 0 8px 24px rgba(0, 85, 158, 0.15);
}
.amount-card.selected::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 9999px;
  background: #00559e;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

/* Inline message banners */
.msg-success { background: #f0f7ff; color: #004785; border: 1px solid #d4e3ff; }
.msg-error   { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.msg-info    { background: #eff6ff; color: #1e3a8a; border: 1px solid #bfdbfe; }