/*
 * Keyboard focus indicator (WCAG 2.1 AA: 2.4.7 Focus Visible, 1.4.11 Non-text Contrast).
 * Load AFTER bootstrap.min.css and agent-v2.css. Bootstrap's translucent focus box-shadows stay as decoration;
 * the solid outline is what carries the focus state.
 *
 * Light surfaces, #1964EC ring with a 2px gap: 5.15:1 on #FFFFFF, 4.87:1 on #F5F9FD, 4.07:1 on #CFE8FB.
 * Navy sidebar (#0B1627), #FFFFFF ring: 18.13:1 on #0B1627; nav links get it inside the link:
 * 15.60:1 on the hover tint (#1A2434), 12.86:1 on the active tint (#173258).
 */
:focus-visible {
    outline: 3px solid #1964EC;
    outline-offset: 2px;
}
:is(a, button, input, select, textarea, summary, [tabindex], .btn, .form-control, .form-select, .form-check-input,
    .nav-link, .page-link, .dropdown-item, .btn-close, .accordion-button, .list-group-item):focus-visible {
    outline: 3px solid #1964EC;
    outline-offset: 2px;
}
.btn-check:focus-visible + .btn {
    outline: 3px solid #1964EC;
    outline-offset: 2px;
}
.dropdown-item:focus-visible { outline-offset: -3px; }

.sidebar :is(a, button, input, select, [tabindex]):focus-visible {
    outline-color: #FFFFFF;
}
.sidebar .nav-link:focus-visible { outline-offset: -3px; }