/* 사이트 디자인 값 — 뼈대(기능 CSS)와 디자인을 나누는 첫 단계 (2026-10-16).
   다른 사이트(예: 슈토커)는 이 파일만 바꿔서 글꼴·색을 바꾼다. 모든 페이지에서 가장 먼저 읽는다.
   예전엔 base.css · refresh.css(두 번) · neutral-surfaces.css 가 같은 색 변수를 차례로 덮어썼는데, 마지막에 남던 값만 여기 한 번 둔다 */
:root{
  /* 글꼴 — 본문 전체 (이모지는 운영체제 → 구글 Noto Color Emoji 순) */
  --fz-font:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  /* 색 — 이름은 예전 그대로 (기능 CSS 가 이 이름을 쓴다) */
  --green:#111111;   /* 강조색 (이름은 초록이지만 지금은 검정) */
  --ink:#242424;     /* 본문 글자 */
  --muted:#808080;   /* 흐린 글자 */
  --line:#e9e9e9;    /* 선 */
  --soft:#f5f5f5;    /* 옅은 바탕 */
  /* 회색 단계 — CSS 곳곳에 직접 적혀 있던 회색을 이 이름으로 (tools/css_tokens.py). 값을 바꾸면 사이트 전체 톤이 바뀐다.
     g0 검정 → gf 흰색 16단계, 그 사이 밝은 회색은 두 자리(ge5 = #e5e5e5) */
  --fz-g0:#000;--fz-g1:#111;--fz-g2:#222;--fz-g3:#333;--fz-g4:#444;--fz-g5:#555;--fz-g6:#666;--fz-g7:#777;
  --fz-g8:#888;--fz-g9:#999;--fz-ga:#aaa;--fz-gb:#bbb;--fz-gc:#ccc;--fz-gd:#ddd;--fz-ge:#eee;--fz-gf:#fff;
  --fz-ge3:#e3e3e3;--fz-ge5:#e5e5e5;--fz-ge6:#e6e6e6;--fz-ge9:#e9e9e9;--fz-ged:#ededed;
  --fz-gf0:#f0f0f0;--fz-gf2:#f2f2f2;--fz-gf3:#f3f3f3;--fz-gf4:#f4f4f4;--fz-gf5:#f5f5f5;--fz-gf7:#f7f7f7;--fz-gfa:#fafafa;
}