/* ============================================================ static/fonts.css — 사이트 전역 폰트 토큰 (단일 소스) ------------------------------------------------------------ 폰트를 바꾸려면 이 파일의 두 값만 고치면 된다. 그 외 20여 개 HTML 페이지·insight.css·shared/header.html·footer.html은 전부 이 값을 var(--font-sans) / var(--font-mono-src)로 "가리키기만" 한다 — 각자 'Geist','Pretendard Variable'... 같은 실제 폰트명을 다시 적지 않는다. 각 페이지가 쓰는 로컬 변수명(--font, --font-body, --font-display, --font-data, --mono, --font-mono 등)은 그대로 두었다 — 그 변수를 참조하는 CSS 규칙이 페이지마다 이미 많아서, 변수 "이름"까지 통일하려면 각 페이지 CSS 전체를 다시 훑어야 한다. 대신 각 로컬 변수의 "값"만 여기 토큰을 가리키게 했다 — 위험은 낮추고 목적(폰트 한 곳에서 관리)은 달성한다. ⚠️ 모노스페이스 토큰 이름이 --font-mono가 아니라 --font-mono-src인 이유: insight.css가 이미 자기 로컬 변수 이름으로 --font-mono를 쓰고 있다. 전역 토큰을 --font-mono라고 지으면 --font-mono: var(--font-mono); 같은 자기참조가 되어 CSS 스펙상 그 프로퍼티가 무효(invalid) 처리된다 — 이름이 겹치지 않는 --font-mono-src를 전역 전용 이름으로 쓴다. 적용 방법: shared/fonts_head.html을 에 include하면 이 파일도 함께 로드된다. 커스텀 프로퍼티는 값 자체가 아니라 참조이므로, 각 페이지 :root의 선언 순서는 중요하지 않다. ============================================================ */ :root { --font-sans: 'Geist', 'Pretendard Variable', sans-serif; --font-mono-src: 'Geist Mono', 'Pretendard Variable', monospace; }