/* 버튼 키보드 포커스 링
 *
 * Tabler 1.3.2 의 `.btn` 은 포커스 링을
 *   --tblr-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5)
 * 로 정의하는데, `--tblr-btn-focus-shadow-rgb` 정의가 벤더 CSS 전체에서 `.btn-link` 한 곳뿐이다.
 * 나머지 변형에서는 rgba() 가 invalid at computed-value time 이 되어 그 변수를 참조하는
 * box-shadow 선언이 통째로 버려진다 — 오류도 경고도 없다. 같은 규칙의 `outline: 0` 은 별개
 * 선언이라 살아남으므로 브라우저 기본 표시까지 함께 사라진다. Chromium 계산값 확인 결과:
 *
 *   .btn-check:checked + .btn (선택된 칩)     rest 와 focus 가 완전 동일   변화 0
 *   .btn-check + .btn        (미선택 칩)     border-color 가 투명으로     역방향(테두리가 사라진다)
 *   .btn-action                              rest 와 focus 가 완전 동일   변화 0
 *   .btn-primary · btn-outline- · btn-ghost-  hover 채움 + 그림자 소멸     호버와 구별 불가
 *
 * 화면별로 고치면 같은 버튼이 화면마다 다르게 반응하므로 여기 한 곳에서만 정의한다.
 * (`.btn` 계열만 깨져 있다 — form-control · form-select · form-check-input · nav-link ·
 *  page-link · btn-close 는 벤더 링이 정상 동작하는 것을 확인했다. 건드리지 않는다.)
 *
 * box-shadow 가 아니라 outline 을 쓰는 이유:
 *  - Windows 고대비(forced-colors) 모드는 box-shadow 를 none 으로 강제한다. 링을 그림자로
 *    그리면 포커스 표시가 가장 필요한 사용자에게서만 사라진다. outline 은 시스템 색으로 유지된다.
 *  - outline 이 border-radius 를 안 따라가던 제약은 2021~2023 사이 주요 브라우저에서 없어졌다.
 *  - 버튼 자신의 평상시 그림자와 한 선언을 다투지 않는다(위 결함이 정확히 그 결합에서 나왔다).
 *
 * 색·굵기는 이 앱이 이미 쓰는 관례(`outline: 2px solid …; outline-offset: 2px`)와 같다.
 * 흰 배경 대비 5.0:1 로 WCAG 2.4.13 Focus Appearance 의 3:1 을 넘긴다.
 */

/* `.btn:focus-visible { outline: 0 }` 과 명시도가 같으므로(클래스1+의사클래스1) 이 파일이
   tabler.min.css 보다 뒤에 실려야 이긴다. base 템플릿의 link 순서를 바꾸지 말 것. */
.btn:focus-visible,
/* btn-check 는 input 이 clip: rect(0,0,0,0) 으로 잘려 있어 초점이 가도 그 자신은 보이지 않는다.
   표시는 짝인 label(.btn)에 그린다. */
.btn-check:focus-visible + .btn,
/* .btn-action 은 .btn 이 아니고 자체 `:focus { outline: 0; box-shadow: none }` 로 표시를 지운다.
   카드 보기의 케밥 메뉴가 전부 이 클래스라 함께 건다. */
.btn-action:focus-visible {
    outline: 2px solid var(--tblr-primary);
    outline-offset: 2px;
}