:root {
    --brand-navy: #0B1D3A;
    --brand-navy-rgb: 11, 29, 58;
    --brand-orange: #F26A21;
    --brand-orange-rgb: 242, 106, 33;

    --color-set-one-1: var(--brand-navy);
    --color-set-one-2: #122C52;
    --color-set-one-3: #1A3B68;
    --color-set-one-4: #244A78;
    --color-set-one-5: #07152B;
    --color-set-one-6: var(--brand-orange);
    --color-set-one-7: #061226;
    --color-set-one-8: #040D1A;

    --color-set-two-three-1: var(--brand-orange);
    --color-set-two-three-2: #132A4A;
    --color-set-two-three-3: var(--brand-navy);
    --color-set-two-three-4: #102746;
    --color-set-two-three-5: #07152B;
    --color-set-two-three-6: var(--brand-orange);

    --color-set-four-1: var(--brand-orange);
    --color-set-four-2: #D95314;
    --color-set-four-3: var(--brand-orange);
    --color-set-four-4: var(--brand-navy);

    --preloader-background-color-1: var(--brand-orange);
    --preloader-background-color-2: var(--brand-navy);
    --color-set-one-bg-1: #F2F5F9;
    --color-set-one-bg-2: rgba(var(--brand-navy-rgb), 0.1);
    --color-set-one-lig-1: rgba(var(--brand-navy-rgb), 0.04);
    --color-set-one-lig-3: rgba(var(--brand-navy-rgb), 0.12);
    --color-set-one-bor-1: var(--brand-navy);
    --heading-color-one: var(--brand-navy);
    --menu-color: var(--brand-navy);
    --dropdown-menu-color: var(--brand-navy);
    --mobile-menu-color: var(--brand-navy);
}

::selection {
    color: #fff;
    background: var(--brand-orange);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid rgba(var(--brand-orange-rgb), 0.45);
    outline-offset: 3px;
}

.navbar_nav > .menu-item.active > .nav_link,
.navbar_nav > .menu-item > .nav_link:hover,
.footer .mid_content .links.active,
.footer .mid_content .links:hover {
    color: var(--brand-orange) !important;
}

.theme_btn,
.pagination .page-item.active .page-link {
    border-color: var(--brand-orange);
}