:root,
[data-bs-theme="light"] {

    /* ================= PRIMARY ================= */

    --bs-primary: #0d4c8d;
    --bs-primary-rgb: 13, 76, 141;

    /* ================= TEXT EMPHASIS ================= */

    --bs-primary-text-emphasis: #093766;

    /* ================= SUBTLE BACKGROUNDS ================= */

    --bs-primary-bg-subtle: #e6f0fa;
    --bs-primary-border-subtle: #b6d0e8;

    /* ================= LINKS ================= */

    --bs-link-color: #0d4c8d;
    --bs-link-color-rgb: 13, 76, 141;

    --bs-link-hover-color: #2876bd;
    --bs-link-hover-color-rgb: 40, 118, 189;

    /* ================= FOCUS ================= */

    --bs-focus-ring-color: rgba(40, 118, 189, 0.35);

    /* ================= BUTTON SHADOW ================= */

    --bs-btn-focus-shadow-rgb: 40, 118, 189;

    /* ================= INFO ================= */

    --bs-info: #2876bd;
    --bs-info-rgb: 40, 118, 189;

    --bs-info-text-emphasis: #0d4c8d;
    --bs-info-bg-subtle: #edf5fc;
    --bs-info-border-subtle: #c5d9ec;

    /* ================= GRADIENT ================= */

    --bs-gradient: linear-gradient(
        180deg,
        rgba(40, 118, 189, 0.15),
        rgba(40, 118, 189, 0)
    );

    /* ================= DROPDOWN ================= */

    --bs-dropdown-link-active-bg: #0d4c8d;

}


/* =====================================================
   BUTTON PRIMARY
===================================================== */

.btn-primary {

    --bs-btn-color: #ffffff;

    --bs-btn-bg: #0d4c8d;
    --bs-btn-border-color: #0d4c8d;

    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #093766;
    --bs-btn-hover-border-color: #072747;

    --bs-btn-focus-shadow-rgb: 40, 118, 189;

    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #072747;
    --bs-btn-active-border-color: #072747;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #71869a;
    --bs-btn-disabled-border-color: #71869a;

}


/* =====================================================
   BUTTON OUTLINE PRIMARY
===================================================== */

.btn-outline-primary {

    --bs-btn-color: #0d4c8d;
    --bs-btn-border-color: #2876bd;

    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #0d4c8d;
    --bs-btn-hover-border-color: #0d4c8d;

    --bs-btn-focus-shadow-rgb: 40, 118, 189;

    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #093766;
    --bs-btn-active-border-color: #093766;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    --bs-btn-disabled-color: #71869a;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dce7f1;

    --bs-gradient: none;

}


/* =====================================================
   PAGINATION
===================================================== */

.pagination {

    --bs-pagination-color: #0d4c8d;

    --bs-pagination-hover-color: #093766;
    --bs-pagination-hover-bg: #edf5fc;
    --bs-pagination-hover-border-color: #b6d0e8;

    --bs-pagination-focus-color: #0d4c8d;
    --bs-pagination-focus-bg: #e6f0fa;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(40, 118, 189, 0.25);

    --bs-pagination-active-color: #ffffff;
    --bs-pagination-active-bg: #0d4c8d;
    --bs-pagination-active-border-color: #0d4c8d;

}


/* =====================================================
   DROPDOWN
===================================================== */

.dropdown-item:active,
.dropdown-item.active {

    background-color: #0d4c8d;
    color: #ffffff;

}


/* =====================================================
   CATEGORY
===================================================== */

.categories-name {

    display: block !important;

}

.categories-name::after {

    display: block;

    content: '';

    width: 50px;
    height: 3px;

    background-color: var(--bs-primary);

    margin-top: 1rem;

}