/* ═══════════════════════════════════════════
   Portfolio — 디자인 토큰
   style.css 와 approach.css 가 모두 이 값들에 기대고 있습니다.
   두 파일보다 먼저 불러야 합니다.
   ═══════════════════════════════════════════ */

:root {
  --paper:   #f2f0ea;
  --tile:    #fffdf9;
  --ink:     #191713;
  --muted:   #6d665a;
  /* 라벨·푸터에 쓰는 흐린 글자색. 타일 배경 대비 4.6:1 로 WCAG AA 를 넘깁니다.
     더 밝게 바꾸면 대비가 기준 아래로 떨어집니다. */
  --faint:   #726b62;
  --line:    #e4dfd4;
  --accent:  #c2410c;
  --accent-bg: #fbeee6;
  --dark:    #191713;

  --gap:    16px;
  --radius: 22px;
  --wrap:   1180px;
  --ease:   cubic-bezier(.22, 1, .36, 1);
  /* 기본 목록 — 라틴 + 한국어 자형까지 받습니다.
     일본어는 아래 --font-ja 로 따로 갑니다 (css/style.css 의 :lang(ja) 규칙). */
  --font:   -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
            "Segoe UI", Roboto, "Noto Sans KR",
            sans-serif;

  /* 일본어 전용 목록.
     앞쪽 라틴 폰트는 --font 와 같게 두어 영문·숫자 인상을 유지하고,
     가나·한자만 일본어 글꼴로 보냅니다.
     "Noto Sans KR" 을 뺀 것이 핵심입니다 — 이 폰트에는 한자는 있고 가나는 없어서,
     경로에 남겨 두면 한자는 한국식 자형 · 가나는 다른 폰트로 갈라집니다. */
  --font-ja: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Hiragino Sans", "Hiragino Kaku Gothic ProN",
             "Yu Gothic UI", "Yu Gothic Medium", "Yu Gothic", Meiryo,
             "Noto Sans JP",
             sans-serif;
}