/* 브레이크포인트는 CSS 변수로 쓸 수 없어 미디어 쿼리에 직접 쓴다: 1000px, 700px */
:root {
  --color-ink: #111;
  --color-paper: #fcfcfb;
  --color-line-dark: #444;
  --color-text-muted: #999;
  /* 작은 보조 글자. 접근성 대비 4.5:1을 맞추려고 v23 값(#777·#888)에서 조정 */
  --color-text-faint: #7c7c7c; /* 어두운 배경(#111) 위 */
  --color-text-faint-on-light: #747474; /* 밝은 배경(#fcfcfb) 위 */
  --color-text-on-dark-strong: #ddd;
  --color-selection: #999;

  /* 일본어 문장 안의 영문·숫자는 일본어와 같은 서체로 둔다.
     일본어가 없는 독립 요소(영문 라벨, 화살표, 숫자)만 --font-en을 쓴다 */
  --font-jp: "Noto Sans JP", "Hiragino Sans", sans-serif;
  /* 영문 요소 안에 일본어가 섞여도(예: 푸터의 "プライバシーポリシー") 시스템 서체가 아닌 Noto Sans JP로 보이게 한다 */
  --font-en: "Instrument Sans", "Noto Sans JP", Arial, Helvetica, sans-serif;

  --wrap-width: 88%;
  --wrap-max: 1320px;
  --header-width: 92%;
  --header-max: 1480px;
  --tap-min: 44px;
}