/*!
 * JennyViewer 0.1.0 — KRDS 토큰 스킨 (jenny-viewer.css 뒤에 로드하면 적용)
 * (c) 2026 Jennysoft Co., Ltd.
 *
 * KRDS(대한민국 정부 디자인시스템) 디자인 토큰 값으로 --jv-* 변수만 오버라이드한다.
 * - KRDS 클래스명은 재사용하지 않는다(충돌 방지 — jenny 스위트 공통 규칙).
 * - 외부 폰트 로드 없음(폐쇄망): 호스트가 Pretendard GOV 를 제공하면 우선 사용, 없으면 시스템 폰트.
 * - 텍스트·포커스 링 대비 4.5:1 이상 유지 (KWCAG 2.2).
 */

.jv-root {
	--jv-primary: #246beb;          /* KRDS Primary */
	--jv-primary-text: #ffffff;
	--jv-border: #cdd1d5;           /* KRDS gray-30 */
	--jv-surface: #ffffff;          /* KRDS surface */
	--jv-surface-2: #f4f5f6;        /* KRDS gray-5 */
	--jv-bg: #eaebec;               /* KRDS gray-10 */
	--jv-text: #1e2124;             /* KRDS gray-90 */
	--jv-text-weak: #464c53;        /* KRDS gray-70 */
	--jv-mask: #6d7882;             /* KRDS gray-60 */
	--jv-hit: #ffe08a;
	--jv-hit-active: #f5a623;
	--jv-radius: 8px;               /* KRDS radius-m */

	--jv-font: "Pretendard GOV", Pretendard, system-ui, -apple-system, "Segoe UI",
		"Malgun Gothic", "맑은 고딕", sans-serif;
}

.jv-root[data-jv-theme="dark"] {
	--jv-primary: #8ab4ff;
	--jv-primary-text: #10131a;
	--jv-border: #4b5259;
	--jv-surface: #21262b;
	--jv-surface-2: #2b3137;
	--jv-bg: #14181b;
	--jv-text: #f0f2f4;
	--jv-text-weak: #b6bec6;
	--jv-mask: #9aa3ad;
}

/* KRDS 포커스 표시는 2px 실선 + 오프셋을 권고한다. */
.jv-root .jv-btn:focus-visible,
.jv-root .jv-page-input:focus-visible,
.jv-root .jv-search-input:focus-visible,
.jv-root .jv-thumb:focus-visible,
.jv-root .jv-more:focus-visible,
.jv-root .jv-viewport:focus-visible {
	outline: 2px solid #0b50d0;
	outline-offset: 2px;
}