:root, [data-bs-theme=dark] {
    --color-accent: #ea4c62;
    --color-icon-features: #ea4c62;
    --color-text: rgba(255, 255, 255, .7);
    --border-radius-medium: 30px;
    --font-size-medium: 1rem;
    --transition-normal: all .3s ease;
    --font-family-primary: "Bricolage Grotesque", sans-serif;

}

[data-bs-theme=dark] body {
    color: rgb(255 255 255);
    background-color: #100c1b;
}

.text-muted {
    color: #FFFF !important;
}

[data-bs-theme=dark] {
    --si-gray-600: rgba(255, 255, 255, .5);
    --si-gray-700: rgba(255, 255, 255, .7);
    --si-gray-800: rgba(255, 255, 255, .85);
    --si-gray-900: #fff;
    --si-secondary-bg: rgba(255, 255, 255, .04);
    --si-heading-link-color: rgba(255, 255, 255, 0.85);
    --si-heading-link-hover-color: #ea4c62;
    --si-nav-link-color: rgb(255, 255, 255);
    --si-code-color: #ee70a7;
}


.btn-primary, .btn-download, .btn-accent.btn-download {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    background-color: #38162b;
    border: 2px solid var(--color-accent);
    border-radius: var(--border-radius-medium);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-medium);
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition-normal);
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(234, 76, 98, .9);
}

.display-4 {
    font-size: 3.5rem; /* taille par défaut */
}

@media (max-width: 576px) {
    .display-4 {
        font-size: 1.8rem; /* taille un peu réduite sur mobile */
    }
}