:root {
      --brand:#18c06f;
      --brand-100:#E8F8EF;
    }
    .btn-brand {background:var(--brand);border-color:var(--brand);}
    .btn-brand:hover {filter:brightness(.95);}
    .text-brand {color:var(--brand)!important;}
    .bg-brand-100 {background:var(--brand-100);}
    .hero-img {object-fit:cover;height:100%;min-height:380px;border-radius:.75rem;}
    .badge-step {
      width:40px;height:40px;border-radius:50%;
      display:inline-flex;align-items:center;justify-content:center;
      font-weight:700;
    }
    .list-check li {margin-bottom:.5rem;}
    .list-check li::marker {content:"✓ ";}
    a:focus,button:focus,input:focus {
      outline:2px solid var(--brand);outline-offset:2px;
    }
    .btn-success {
      background-color:#16a34a;border:none;transition:all 0.2s ease-in-out;
    }
    .btn-success:hover {
      background-color:#15803d;transform:scale(1.03);
    }
/* Centrer le loader */
.loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

/* On pourra faire apparaître le container après chargement */
#articles_container {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
