/* ── ConvoFin 글자 크기 변수 시스템 ──
 * 사용자가 설정에서 글씨 크기를 바꾸면 :root[data-font-size="..."] 가 변경되고
 * --fs-scale이 자동 갱신되어 모든 var(--fs-N) 값이 일제히 새 크기로 재계산됨.
 *
 * 사용처:
 *   - header.js가 로드되지 않는 페이지 (demo/, docs/, extension/)에서 link
 *   - <link rel="stylesheet" href="/font-vars.css" />
 *
 * 메인 앱 페이지는 header.js가 자동 주입하므로 별도 link 불필요.
 */
:root {
  --fs-scale: 1;
  --fs-7:  calc(7px  * var(--fs-scale));
  --fs-8:  calc(8px  * var(--fs-scale));
  --fs-9:  calc(9px  * var(--fs-scale));
  --fs-10: calc(10px * var(--fs-scale));
  --fs-11: calc(11px * var(--fs-scale));
  --fs-12: calc(12px * var(--fs-scale));
  --fs-13: calc(13px * var(--fs-scale));
  --fs-14: calc(14px * var(--fs-scale));
  --fs-15: calc(15px * var(--fs-scale));
  --fs-16: calc(16px * var(--fs-scale));
  --fs-17: calc(17px * var(--fs-scale));
  --fs-18: calc(18px * var(--fs-scale));
  --fs-19: calc(19px * var(--fs-scale));
  --fs-20: calc(20px * var(--fs-scale));
  --fs-22: calc(22px * var(--fs-scale));
  --fs-24: calc(24px * var(--fs-scale));
  --fs-26: calc(26px * var(--fs-scale));
  --fs-28: calc(28px * var(--fs-scale));
  --fs-32: calc(32px * var(--fs-scale));
  --fs-36: calc(36px * var(--fs-scale));
  --fs-40: calc(40px * var(--fs-scale));
  --fs-44: calc(44px * var(--fs-scale));
  --fs-48: calc(48px * var(--fs-scale));
  --fs-52: calc(52px * var(--fs-scale));
  --fs-58: calc(58px * var(--fs-scale));
  --fs-60: calc(60px * var(--fs-scale));
  font-size: calc(16px * var(--fs-scale));
}
:root[data-font-size="sm"] { --fs-scale: 0.875; }
:root[data-font-size="md"] { --fs-scale: 1; }
:root[data-font-size="lg"] { --fs-scale: 1.15; }
:root[data-font-size="xl"] { --fs-scale: 1.35; }