/* =============================================================
   TYPE — self-host 폰트 선언

   상대경로를 쓴다. 그래야 동일한 CSS 가 두 곳에서 해결된다.
     file:///C:/dev/illid-insights/dist/_render/x.html   (Playwright PNG 렌더)
     https://insights.illidpartners.com/<slug>/          (웹)
   카드 HTML 을 임시 폴더가 아니라 dist/_render/ 에 쓰는 이유가 이것이다.

   EB Garamond 는 normal 축만 있다. italic 파일을 배포하지 않으므로
   이탤릭 금지가 물리적으로 강제된다.
   ============================================================= */

@font-face {
  font-family: "Noto Serif KR";
  src: url("../fonts/NotoSerifKR-Variable-subset.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "EB Garamond";
  src: url("../fonts/EBGaramond-Variable.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Variable.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* 한자 폴백. 공시에 인명 한자가 나오면 서브셋 밖이라 두부 글자가 된다.
   빌드 시 글리프 감사가 먼저 잡지만, 런타임 안전망을 하나 둔다. */
@font-face {
  font-family: "Hanja Fallback";
  src: local("Malgun Gothic"), local("맑은 고딕"), local("Batang"), local("바탕");
  font-style: normal;
  unicode-range: U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF;
}

/* =============================================================
   TYPE SCALE — 아티클과 카드가 공유한다
   ============================================================= */
:root {
  --fs-deck: 19px;
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-caption: 13px;
  --fs-label: 11px;

  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --lh-body: 1.7;

  --tracking-label: 0.18em;
  --tracking-tight: -0.01em;
}

html, body {
  font-family: var(--font-kr), "Hanja Fallback", serif;
}

.eyebrow {
  font-family: var(--font-ui);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
  font-size: var(--fs-label);
  font-weight: 500;
  color: var(--mute);
}

.num,
.illid-num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: var(--tracking-tight);
}

.en {
  font-family: var(--font-en);
  font-feature-settings: "lnum";
}