/* pwa/common.css — 공용 디자인 토큰 (레이아웃)
   모든 PWA 페이지에서 <link>로 참조 필수.
   이 파일에서만 값 정의, 개별 파일에서 재정의 금지. */

:root {
	/* ── 레이아웃 ── */
	--tab-h: 56px;
	--app-safe-bottom: env(safe-area-inset-bottom, 0px);
	--content-bottom: calc(var(--tab-h) + var(--app-safe-bottom));
}

/* 스크롤바 안정화 (데스크톱, 100vw 대신 사용) */ /* ok-100vw */
html {
	scrollbar-gutter: stable;
}