body{
    background-color: black !important;
}
:root{
    --bs-primary: #d2bba0 !important;
    --bs-primary-rgb: 210, 187, 160 !important;
}

.btn-primary{
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 85%, black);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 80%, black);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 80%, black);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 75%, black);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.logo-img{
    width: 50%;
}

@media (max-width: 767.98px){
    .logo-img{
        width: 100%;
    }
}

.visuel-overlay{
    position: relative;
    display: inline-block;
}

.visuel-overlay img{
    display: block;
}

.visuel-overlay-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: clamp(1.5rem, 5vw, 3rem);
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    white-space: nowrap;
    pointer-events: none;
}