/* ── Polices Uploadées ── */


/* ── Reset & Base Typographique ── */
body {
    font-family: "Poppins", sans-serif;
    background-color: #ffffff;
    color: #000000;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    text-transform: none;
    line-height: 1.2;
}

/* ── Layout Utilities ── */
.site-container {
    width: 100%;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    max-width: 100%; /* Force 100% sur mobile */
}

@media (min-width: 1024px) {
    .site-container {
        max-width: 1200px;
    }
}

/* ── Base Boutons ── */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms ease;
}

/* ── Bouton Primaire ── */
.btn-primary {
    background-color: #151515;
    color: #ffffff;
    border: 1px solid #151515;
    border-radius: 9999px;
    padding: 0.625rem 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0em;
}

.btn-primary:hover {
    background-color: #151515;
    color: #ffffff;
    border-color: #151515;
             transform: translateY(-2px); }

/* ── Bouton Secondaire ── */
.btn-secondary {
    background-color: #ffffff;
    color: #000000;
    border: 0.5px solid #000000;
    border-radius: 100px;
    padding: 0.625rem 1.25rem;
    font-size: 1rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0em;
}

.btn-secondary:hover {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
            }

/* ── Cartes ── */
.site-card {
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid var(--color-border);
}