/* BBS Charities — custom styles layered on top of Tailwind */

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4 { font-family: 'Lora', Georgia, serif; letter-spacing: -0.01em; }

/* Hero overlay gradient */
.hero-overlay {
  background: linear-gradient(135deg, rgba(8, 63, 112, 0.85) 0%, rgba(14, 103, 180, 0.65) 50%, rgba(8, 63, 112, 0.45) 100%);
}

/* Subtle pattern for section dividers */
.section-divider {
  background-image: radial-gradient(circle at 1px 1px, rgba(14, 103, 180, 0.1) 1px, transparent 0);
  background-size: 24px 24px;
}

/* Card hover */
.card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 32px -8px rgba(8, 63, 112, 0.2); }

/* Mobile nav animation */
.mobile-nav { transition: max-height 0.3s ease, opacity 0.2s ease; max-height: 0; opacity: 0; overflow: hidden; }
.mobile-nav.open { max-height: 500px; opacity: 1; }

/* Subtle fade-in on scroll */
.fade-in { opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

/* Focus rings — brand color */
*:focus-visible { outline: 2px solid #0e67b4; outline-offset: 2px; border-radius: 4px; }

/* Print: strip nav/footer */
@media print {
  header, footer, .no-print { display: none !important; }
}