/**
 * Fondation Jonathan Muyumba — styles complémentaires
 * Tailwind gère la majorité des utilitaires ; ce fichier couvre polices,
 * dégradés institutionnels et renforcements d’accessibilité.
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap");

:root {
  --fjm-royal: #0047ab;
  --fjm-electric: #1e90ff;
  --fjm-gradient: linear-gradient(135deg, var(--fjm-royal) 0%, var(--fjm-electric) 100%);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", system-ui, sans-serif;
}

h1,
h2,
h3,
h4,
.font-heading {
  font-family: "Montserrat", system-ui, sans-serif;
}

.text-gradient-fjm {
  background: var(--fjm-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn-fjm-gradient {
  background: var(--fjm-gradient);
  color: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-fjm-gradient:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(0, 71, 171, 0.35);
}

.btn-fjm-gradient:focus-visible {
  outline: 3px solid #1e90ff;
  outline-offset: 3px;
}

.nav-link:focus-visible {
  outline: 2px solid #0047ab;
  outline-offset: 4px;
  border-radius: 0.25rem;
}

img {
  max-width: 100%;
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}