:root {
    --primary: #198754;
    --primary-soft: rgba(25, 135, 84, 0.12);
    --shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.06);
    --shadow-hover: 0 14px 40px rgba(0, 0, 0, 0.12);
    --primary-color: #28a745;
}


body {
    font-family: Arial, sans-serif;
}

.text-primary-custom {
    color: var(--primary-color);
}

.bg-primary-custom {
    background-color: var(--primary-color) !important;
}

.card-icon {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 15px;
}

.cta {
    background-color: var(--primary-color);
    color: white;
    padding: 60px 0;
}

/*Cartes élégantes (hover premium)*/
.card {
    transition: all 0.35s ease;
    border-radius: 18px;
    background: #fff;
}

/*.card:hover { fait clignoter les fenêtres modales card
    transform: translateY(-6px);
    box-shadow: var(--shadow-hover);
}*/
.card {
    transition: box-shadow 0.35s ease;
}

.card:hover {
    box-shadow: var(--shadow-hover);
}

.card.border-success {
    border-color: rgba(25, 135, 84, 0.25) !important;
}

/*Icônes premium (badge moderne)*/
.card-icon {
    font-size: 2.4rem;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: var(--primary-soft);
    box-shadow: inset 0 0 0 1px rgba(25, 135, 84, 0.15);
}
/*Boutons plus “haut de gamme”*/
.btn-success {
    background: linear-gradient(135deg, #198754, #20c997);
    border: none;
    box-shadow: 0 6px 18px rgba(25, 135, 84, 0.25);
}

.btn-success:hover {
    background: linear-gradient(135deg, #157347, #1aa179);
    box-shadow: 0 10px 28px rgba(25, 135, 84, 0.35);
}

.btn-outline-success:hover {
    background: var(--primary);
    color: #fff;
}
/*Hero + CTA plus impactants*/
.text-primary-custom {
    color: #0f5132;
}

.cta {
    background: linear-gradient(135deg, #198754, #0d6efd);
    color: #fff;
    padding: 4rem 1rem;
}

.cta h2 {
    letter-spacing: -0.5px;
}
/*FAQ plus propre*/
.accordion-button {
    background: #fff;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: var(--primary);
    background: var(--primary-soft);
}

.accordion-item {
    border: none;
    border-bottom: 1px solid #e9ecef;
}