@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root, [data-bs-theme=light] {
    --bg-maelus: #002955;
}
[data-bs-theme=dark] {
    --bs-font-sans-serif: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-primary: #3e95f6;
    --bs-success: #35dc96;
    --bs-primary-rgb: 62, 149, 246;
    --bs-success-rgb: 53, 220, 150;
}


.bg-maelus {
    background-color: var(--bg-maelus);
    background-repeat: no-repeat;
    background-image: url(./maeluspara-ouverture-femme.png);
    background-position: 100% 100%;
    background-attachment: fixed;
}

@media (max-width: 768px) {
    .bg-maelus {
        background-size: 50%;
    }
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3e95f6;
    --bs-btn-border-color: #3e95f6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2180f0;
    --bs-btn-hover-border-color: #1976e6;
    --bs-btn-focus-shadow-rgb: 91, 165, 247;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1976e6;
    --bs-btn-active-border-color: #156ddb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3e95f6;
    --bs-btn-disabled-border-color: #3e95f6;
}

.btn-outline-primary {
    --bs-btn-color: #3e95f6;
    --bs-btn-border-color: #3e95f6;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3e95f6;
    --bs-btn-hover-border-color: #3e95f6;
    --bs-btn-focus-shadow-rgb: 62, 149, 246;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3e95f6;
    --bs-btn-active-border-color: #3e95f6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3e95f6;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3e95f6;
    --bs-gradient: none;
}


.btn-success {
    --bs-btn-color: var(--bg-maelus);
    --bs-btn-bg: #35dc96;
    --bs-btn-border-color: #35dc96;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2dbb7f;
    --bs-btn-hover-border-color: #2ab077;
    --bs-btn-focus-shadow-rgb: 83, 225, 166;
    --bs-btn-active-color: var(--bg-maelus);
    --bs-btn-active-bg: #2ab077;
    --bs-btn-active-border-color: #28a570;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #35dc96;
    --bs-btn-disabled-border-color: #35dc96;
}

.btn-outline-success {
    --bs-btn-color: #35dc96;
    --bs-btn-border-color: #35dc96;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #35dc96;
    --bs-btn-hover-border-color: #35dc96;
    --bs-btn-focus-shadow-rgb: 53, 220, 150;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #35dc96;
    --bs-btn-active-border-color: #35dc96;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #35dc96;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #35dc96;
    --bs-gradient: none;
}

.btn-check:checked + .btn {
    --bs-btn-active-color: var(--bg-maelus);
}

.mw-txt {
    max-width: 600px;
}