:root {
  --akf-primary: #059669;
  --akf-primary-dark: #047857;
  --akf-primary-light: #d1fae5;
  --akf-dark: #0f172a;
}
body { font-family: "Segoe UI", system-ui, -apple-system, sans-serif; color: #1f2937; }
.navbar-brand { font-weight: 700; color: var(--akf-primary-dark) !important; }
.btn-akf { background: var(--akf-primary); color: #fff; border: none; }
.btn-akf:hover { background: var(--akf-primary-dark); color: #fff; }
.hero {
  background: linear-gradient(135deg, #064e3b 0%, #059669 60%, #34d399 100%);
  color: #fff;
  padding: 5rem 0;
}
.hero h1 { font-weight: 800; }
.card-cause { border: none; box-shadow: 0 10px 30px rgba(0,0,0,.08); transition: transform .2s; }
.card-cause:hover { transform: translateY(-6px); }
.section-title { color: var(--akf-primary-dark); font-weight: 700; }
.gallery-img { width: 100%; height: 240px; object-fit: cover; border-radius: .75rem; }
.footer { background: var(--akf-dark); color: #cbd5e1; }
.footer a { color: #a7f3d0; text-decoration: none; }
.badge-cause { background: var(--akf-primary-light); color: var(--akf-primary-dark); }