@font-face {
    font-family: LeroyMerlin;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/LeroyMerlin/LeroyMerlinSans-Web-SemiBold.woff2") format("woff2"), url("../fonts/LeroyMerlin/LeroyMerlinSans-Web-SemiBold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: LeroyMerlin;
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/LeroyMerlin/LeroyMerlinSans-Web-SemiBold.woff2") format("woff2"), url("../fonts/LeroyMerlin/LeroyMerlinSans-Web-SemiBold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: LeroyMerlin;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/LeroyMerlin/LeroyMerlinSans-Web-Regular.woff") format("woff2"), url("../fonts/LeroyMerlin/LeroyMerlinSans-Web-Regular.woff") format("woff");
    font-display: swap;
}

:root {
    /* stylelint-disable-next-line value-keyword-case */
    --bs-font-sans-serif: LeroyMerlin, sans-serif;
}


/* Root */
:root {
    --bs-branding: #206819;
    --bs-branding-rgb: 32, 104, 25;
    --bs-link-color: #206819;
    --bs-link-color-rgb: 32, 104, 25;
    --bs-link-hover-color: rgb(25.6, 83.2, 20);
    --bs-link-hover-color-rgb: 26, 83, 20;

    --zs-opt-border-radius: 4px;
    --zs-opt-border-radius-lg: 4px;
    --zs-opt-border-radius-button: 4px;
}

/* Buttons */
.btn-branding {
    --bs-btn-color: #fff;
    --bs-btn-bg: #206819;
    --bs-btn-border-color: #206819;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(27.2, 88.4, 21.25);
    --bs-btn-hover-border-color: rgb(25.6, 83.2, 20);
    --bs-btn-focus-shadow-rgb: 65, 127, 60;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(25.6, 83.2, 20);
    --bs-btn-active-border-color: rgb(24, 78, 18.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #666;
    --bs-btn-disabled-bg: #ccc;
    --bs-btn-disabled-border-color: #ccc;
}

.btn-outline-branding {
    --bs-btn-color: #206819;
    --bs-btn-border-color: #206819;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #206819;
    --bs-btn-hover-border-color: #206819;
    --bs-btn-focus-shadow-rgb: 32, 104, 25;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #206819;
    --bs-btn-active-border-color: #206819;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #206819;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #206819;
    --bs-gradient: none;
}

/* Forms */
.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3e%3crect width='10' height='10' rx='2' fill='%23206819'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3e%3crect width='10' height='10' rx='2' fill='%23206819'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus:not(:checked) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23206819'/%3e%3c/svg%3e");
}

/* SVG Fill */
.fill-branding {
    fill: #206819;
}