/* 웹폰트 — 폰트 스택 변수(--font-noto-sans)만 정의한다. 짝은 src/lib/document.jsx(Google Fonts 의 <link> · preconnect)와
   _variables.scss(--font-base 가 이 변수를 받아 라틴 폴백 Arial … 을 뒤에 붙인다). 변수 이름을 바꾸면 SCSS 도 같이 바꾼다.

   Noto Sans JP(가변 굵기 100~900)는 **Google Fonts CDN 에서 받는다** — 한자까지 합쳐 서브셋 조각이 120개 · 수 MB 라 저장소에
   넣지 않는다. @font-face 는 Google 이 내려주는 CSS 에 있고(unicode-range 로 나뉘어 화면의 글자가 있는 조각만 받는다), 그
   CSS 를 받기 전에는 파일 주소를 몰라 preload 는 못 한다 — preconnect 로 줄인다. 라이선스: SIL Open Font License 1.1.

   폴백은 OS 의 일본어 고딕이다. size-adjust 로 치수를 맞춘 폴백은 두지 않는다 — 기기마다 폴백 폰트가 달라(Hiragino · Yu Gothic ·
   Meiryo · Android 의 Noto Sans CJK) 한 벌의 지표로 맞출 수 없다. 대신 font-display: swap 동안 글자 폭이 바뀌어 생기는 CLS 를
   잰다(docs/checklist.md "폰트"). Yu Gothic 은 Windows 에서 regular 가 가늘게 보여 Meiryo 를 뒤에 둔다.

   이 파일에 @font-face 가 없어도 "폰트를 아는 곳은 fonts.css 하나"라는 규칙(AGENTS.md "스타일")은 그대로다 —
   SCSS 에서 폰트 이름을 직접 적지 않는다. */

:root {
    --font-noto-sans:
        "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo;
}