:root {
    --itap-bleuUb: #009de0;
    --itap-bleuAccess: #007cbd;
    --itap-marronUb: #3b1c13;
    --itap-orangeUb: #ef7d00;
    --itap-orange: #f4a01a;
    --itap-rougeUb: #e7343f;
    --itap-vertUb: #75b96c;
    --itap-violetUb: #b9348b;
    --itap-jauneUb: #ffcc00;
    --itap-beigeUb: #e7e2d1;
    --itap-masticUb: #d1c7ad;
    --itap-taupeUb: #a28e78;
    --itap-cafeUb: #635141;

    --itap-primary: var(--itap-bleuAccess);
    --itap-secondary: var(--itap-masticUb);
    --itap-success: var(--itap-vertUb);
    --itap-info: var(--itap-bleuUb);
    --itap-warning: var(--itap-jauneUb);
    --itap-danger: var(--itap-rougeUb);

    --itap-body-bg: var(--itap-beigeUb);
    --itap-body-color: var(--itap-marronUb);

    .btn-primary {
        --bs-btn-bg: var(--itap-bleuAccess);
        --bs-btn-hover-bg: color-mix(in srgb, black 20%, var(--bs-btn-bg));
    }
    .btn-secondary {
        --bs-btn-bg: var(--itap-masticUb);
        --bs-btn-hover-bg: color-mix(in srgb, black 20%, var(--bs-btn-bg));
        --bs-btn-border-color: var(--itap-cafeUb);
    }
    --bs-primary: var(--itap-bleuAccess);
    --bs-primary-rgb: 0,124,189;
    --bs-body-bg: var(--itap-beigeUb);

    --bs-link-color: var(--itap-bleuAccess);
    --bs-link-color-rgb: 0,124,189;

    .badge {
        --bs-badge-font-size: 0.85em;
    }

    .dropdown-menu {
        --bs-dropdown-bg: white;

        .dropdown-item:hover, .dropdown-item:focus {
            --bs-dropdown-link-hover-bg: #e7e2d1;
        }
    }

    table {
        --bs-table-bg: white;
    }

    .card {
        --bs-card-bg: white;

        .card-header {
            --bs-card-cap-bg: rgba(0, 0, 0, 0.1);
        }
    }

    .modal {
        .modal-content {
            --bs-modal-bg: white;

            .modal-header {
                background-color: var(--itap-bleuAccess);
                color: white;
            }
        }
    }
}