/* Couleurs personnalisées */
:root {
  --primary-color: #2FB2E5; 
  --secondary-color: #99C326;
}

/* Body et typo */
body {
  background-color: #f9fafb; 
  font-family: 'Inter', sans-serif;
}

/* Titres */
h1, h2, h3 {
  color: var(--primary-color);
}

/* Boutons */
button {
  background-color: var(--primary-color) !important;
  color: white;
  font-weight: 600;
  transition: background-color 0.2s, transform 0.1s;
}

button:hover {
  background-color: var(--secondary-color) !important;
  transform: translateY(-1px);
}

/* Inputs focus */
input:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(47, 178, 229, 0.3);
}

/* Liens */
a {
  color: var(--primary-color);
  transition: color 0.2s;
}

a:hover {
  color: var(--secondary-color);
}