:root {
    /* VARIABLES EMS */
    --ems-primary-color: #12B7C9;
    --ems-primary-color-rgb: 18, 183, 201;
    --ems-primary-color-darker: #178AAE;
    --ems-primary-light: #BBEBF1;
    --ems-danger-light: #FFDFE8;
    --ems-danger: #C71E4E;
    --ems-body-bg: #F9FAFC;
    /* Une couleur grise entre le light (trop clair) et le secondary (trop foncé) */
    --ems-secondary-light-color: #f2f5f7;

    /* SURCHARGE BOOTSTRAP (notamment en utilisant les variables ems) */
    --bs-primary: var(--ems-primary-color);
    --bs-primary-rgb: var(--ems-primary-color-rgb);
    --bs-primary-bg-subtle: var(--ems-primary-light);
    --bs-primary-border-subtle: var(--ems-primary-light);

    --bs-link-color: var(--ems-primary-color);
    --bs-link-color-rgb: var(--ems-primary-color-rgb);
    --bs-link-hover-color: #234E63;
    --bs-link-hover-color-rgb: 35, 78, 99;

    --bs-body-color: #444D54;
    --bs-heading-color: #2C313A;
    --bs-border-color: #DCE2E8;

    /* alertes warning */
    --bs-warning-text-emphasis: #9B4135;
    --bs-warning-bg-subtle: #FEDAC3;
    --bs-warning-border-subtle: #FEDAC3;
    /* alertes danger */
    --bs-danger-rgb: 199, 30, 78;
    --bs-danger-text-emphasis: #A42847;
    --bs-danger-bg-subtle: #FFD1D5;
    --bs-danger-border-subtle: #FFD1D5;
    /* alertes success */
    --bs-success-rgb: 20, 111, 114;
    --bs-success-text-emphasis: #146F72;
    --bs-success-bg-subtle: #D7FEFC;
    --bs-success-border-subtle: #D7FEFC;
}

/* pour les badges (même style que les alertes) */
.text-bg-danger {
    color: var(--bs-danger-text-emphasis) !important;
    background-color: var(--bs-danger-bg-subtle) !important;
}
.text-bg-success {
    color: var(--bs-success-text-emphasis) !important;
    background-color: var(--bs-success-bg-subtle) !important;
}
.text-bg-warning {
    color: var(--bs-warning-text-emphasis) !important;
    background-color: var(--bs-warning-bg-subtle) !important;
}
.text-bg-primary {
    color: var(--bs-primary) !important;
    background-color: var(--ems-primary-light) !important;
}

/* text de heading */
.text-heading {
    color: var(--bs-heading-color)!important;
}

/* alert */
.alert {
    --bs-alert-padding-x: .5rem;
    --bs-alert-padding-y: .5rem;
}
.alert-dismissible .btn-close {
    padding: 0.75rem 1rem;
}

/**/
.of-cover {
    object-fit: cover
}

/* Une couleur grise entre le light (trop clair) et le secondary (trop foncé) */
.bg-secondary-light {
    background-color: var(--ems-secondary-light-color) !important;
}

/* une sorte de marron */
.bg-warning-emphasis {
    background-color: var(--bs-warning-text-emphasis) !important;
}

/* Une class qui "assombri" une image dans l'optique de mettre du texte par dessus */
.img-bg {
    filter: brightness(60%);
    /*opacity: 90%;*/
    object-fit: cover;
}
.card:has(.img-bg) {
    --bs-card-border-width: 0;
}
.card:has(.img-bg) .stretched-link:hover:after {
    background: #fff;
    opacity: 20%;
}
/* Limiter une taille*/
.mw-900 {
    max-width: 900px;
}

/* juste pour avoir un hover avec une bordure sur un lien type "box" */
.hover-shadowed:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/*rounded*/
.rounded-top-end {
    border-top-right-radius: var(--bs-border-radius)!important;
}
.rounded-top-start {
    border-top-left-radius: var(--bs-border-radius)!important;
}

/*more border width*/
.border-8 {
    border-width: 8px!important;
}

/* Surcharge btn primary */
.btn-primary {
    --bs-btn-bg: var(--ems-primary-color);
    --bs-btn-border-color: var(--ems-primary-color);
    --bs-btn-hover-bg: var(--ems-primary-color-darker);
    --bs-btn-hover-border-color: var(--ems-primary-color-darker);
    --bs-btn-active-bg: var(--ems-primary-color-darker);
    --bs-btn-disabled-bg: #a7b8b96b;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-border-color: #a7b8b96b;
}
.btn-outline-primary {
    --bs-btn-color: var(--ems-primary-color);
    --bs-btn-border-color: var(--ems-primary-color);
    --bs-btn-hover-bg: var(--ems-primary-color);
    --bs-btn-hover-border-color: var(--ems-primary-color);
    --bs-btn-active-bg: var(--ems-primary-color-darker);
    --bs-btn-active-border-color: var(--ems-primary-color-darker);
    --bs-btn-bg: white;
}
/* un btn pour google */
.btn-white {
    --bs-btn-bg: #fff;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-bg: #F5F5F5;
    --bs-btn-hover-border-color: var(--bs-border-color);

    /*--bs-btn-active-bg: var(--ems-primary-color-darker);*/
    /*--bs-btn-active-border-color: var(--ems-primary-color-darker);*/
}
.btn-outline-heading {
    --bs-btn-color: var(--bs-heading-color);
    --bs-btn-border-color: var(--bs-heading-color);
    --bs-btn-hover-bg: #3638461A;
    --bs-btn-hover-border-color: var(--bs-heading-color);
    --bs-btn-active-bg: var(--bs-heading-color);
    --bs-btn-active-border-color: var(--bs-heading-color);
    --bs-btn-active-color: white;
}

/* btn secondary plus clair */
.btn-secondary {
    --bs-btn-bg: #D8DBE3;
    --bs-btn-border-color: #D8DBE3;
    --bs-btn-color: inherit;
    --bs-btn-hover-bg: #C4C9D6;
    --bs-btn-hover-border-color: #C4C9D6;
    --bs-btn-hover-color: inherit;
}

/* Tous les label en semibold ? */
.form-label, .col-form-label {
    font-weight: 700;
    color: var(--bs-heading-color);
}
/* switches en color ems */
.form-check-input:focus {
    border-color: var(--bs-primary-border-subtle);
}
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* tables */
.table {
    --bs-table-striped-bg: #FBFBFB; /* bg des lignes de tableau (1/2) */
    margin-bottom: 0;
}
.table>:not(caption)>*>* {  /* surcharge (selecteur BS) */
    padding: 0.8rem 0.9rem;
}

/* badge */
.badge {
    --bs-badge-font-weight: normal;
}