/* 옥지의 퇴마록 · 글꼴 위계 (11.11 · 11.12 메인 글꼴 교체)
   기준: 사내 디자인 시스템 Figma '타이포그래피' (DNPWu0Wz8dKYb0lLfJpUx3 · node 35806:588) — Pretendard Variable, text-xs ~ text-6xl
   두 벌:
     · 산돌 국대떡볶이 02 Bold(SDKukdetopokki) — display · title · subtitle · button · label 같은 "메인" 글자
       (11.12 솔뫼 김대건체에서 교체. 토큰 이름 --font-solmoe·--fw-solmoe·--sl-*는 화면 CSS 수백 곳이 쓰고 있어 그대로 두고 가리키는 글꼴만 바꿨다)
     · Pretendard          — body · caption 같은 "정보 전달" 작은 글자
   쓰는 법: font:var(--t-title); letter-spacing:var(--t-title-ls);
            색·정렬 등은 각 선택자에서. 크기를 화면마다 조금 바꿔야 하면 역할 토큰 대신 스케일 토큰(--fs-*)을 직접 쓴다.
   글꼴 파일은 사이트에 직접 둔다(assets/fonts/SDKukdetopokki-bBd.otf · 현장망에서 외부 CDN이 막혀도 안전). 받은 원본 그대로(변환·서브셋 없음).
   Bold 한 벌뿐이라 font-weight를 100~900 범위로 선언한다 → 어떤 굵기로 불러도 이 파일을 쓰고, 브라우저가 가짜 굵게를 덧칠하지 않는다.
   (Pretendard도 assets/fonts/pretendard에 공식 패키지 v1.3.9 dynamic-subset 그대로 · OFL)
   예전 솔뫼 파일(assets/fonts/kdg_*.woff)은 더 이상 쓰지 않는다. */

@font-face{font-family:'SDKukdetopokki';src:url('assets/fonts/SDKukdetopokki-bBd.otf') format('opentype');font-weight:100 900;font-display:swap}

:root{
  /* ---------- 글꼴 ---------- */
  --font-sans:'Pretendard Variable',Pretendard,-apple-system,system-ui,sans-serif;
  --font-solmoe:'SDKukdetopokki',var(--font-sans);   /* 이름은 예전 그대로, 글꼴은 국대떡볶이 Bold */

  /* ---------- 굵기 (Figma font/weight) · 메인 글꼴은 Bold 한 벌이라 --fw-solmoe 값과 상관없이 Bold로 나온다 ---------- */
  --fw-normal:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800;
  --fw-solmoe:500; --fw-solmoe-light:300;

  /* ---------- 스케일 (Figma size / leading / letterSpacing 그대로) ----------
     xs 12/16 · sm 14/20 · base 16/24 · lg 18/32 · xl 20/32 · 2xl 24/36 · 3xl 30/40 · 4xl 36/40 · 5xl 48/1 · 6xl 60/1
     Figma의 text-xs normal 자간 1은 다른 굵기(0)와 어긋나 오기로 보고 0으로 둔다. */
  --fs-xs:12px;   --lh-xs:16px;   --ls-xs:0;
  --fs-sm:14px;   --lh-sm:20px;   --ls-sm:0;
  --fs-base:16px; --lh-base:24px; --ls-base:0;
  --fs-lg:18px;   --lh-lg:32px;   --ls-lg:0;
  --fs-xl:20px;   --lh-xl:32px;   --ls-xl:-.6px;
  --fs-2xl:24px;  --lh-2xl:36px;  --ls-2xl:-.6px;
  --fs-3xl:30px;  --lh-3xl:40px;  --ls-3xl:-.75px;
  --fs-4xl:36px;  --lh-4xl:40px;  --ls-4xl:-2.5px;
  --fs-5xl:48px;  --lh-5xl:1;     --ls-5xl:-2.5px;
  --fs-6xl:60px;  --lh-6xl:1;     --ls-6xl:-2.5px;

  /* ---------- 솔뫼 한 벌: 같은 크기 단계, 붓글씨에 맞춘 줄 높이·자간 ----------
     붓 끝(삐침)이 위아래로 나와 큰 글자는 줄 높이 1.2 이상, 자간은 좁히지 않는다(획이 붙어 뭉개짐). */
  --sl-lh-sm:20px; --sl-lh-base:24px; --sl-lh-lg:26px; --sl-lh-xl:30px; --sl-lh-2xl:34px; --sl-lh-3xl:40px; --sl-lh-4xl:46px; --sl-lh-5xl:1.2; --sl-lh-6xl:1.2;
  --sl-ls:0; --sl-ls-lg:-.5px;   /* 4xl 이상만 살짝 */

  /* ---------- 역할: 메인 (솔뫼) ---------- */
  /* 11.12 제목 세 단계(display·title·subtitle)는 국대떡볶이 Bold로 바꾸면서 한 단계씩 키웠다(타이틀 느낌) */
  --t-display:var(--fw-solmoe) 40px/48px var(--font-solmoe);   --t-display-ls:var(--sl-ls-lg);   /* 큰 결과 숫자·대진 제목 (36 → 40) */
  --t-title:var(--fw-solmoe) 28px/38px var(--font-solmoe);                             --t-title-ls:var(--sl-ls);        /* 화면 제목 h2 · 문서 머리(망자 신원 등록부 등) (24 → 28) */
  --t-subtitle:var(--fw-solmoe) 23px/32px var(--font-solmoe);                          --t-subtitle-ls:var(--sl-ls);     /* 카드·팝업·다이얼로그 제목 (20 → 23) */
  --t-button:var(--fw-solmoe) var(--fs-lg)/var(--sl-lh-lg) var(--font-solmoe);        --t-button-ls:var(--sl-ls);       /* 주 버튼 */
  --t-button-sm:var(--fw-solmoe) var(--fs-base)/var(--sl-lh-base) var(--font-solmoe); --t-button-sm-ls:var(--sl-ls);    /* 보조·작은 버튼 */
  --t-label:var(--fw-solmoe) var(--fs-base)/var(--sl-lh-base) var(--font-solmoe);     --t-label-ls:var(--sl-ls);        /* 도장·칩·이름표·말풍선 */

  /* ---------- 역할: 정보 전달 (Pretendard) ---------- */
  --t-body-lg:var(--fw-normal) var(--fs-lg)/var(--lh-lg) var(--font-sans);           --t-body-lg-ls:var(--ls-lg);      /* 편지 본문 등 긴 글 */
  --t-body:var(--fw-normal) var(--fs-base)/var(--lh-base) var(--font-sans);          --t-body-ls:var(--ls-base);       /* 기본 본문·입력 */
  --t-body-strong:var(--fw-semibold) var(--fs-base)/var(--lh-base) var(--font-sans); --t-body-strong-ls:var(--ls-base);
  --t-body-sm:var(--fw-normal) var(--fs-sm)/var(--lh-sm) var(--font-sans);           --t-body-sm-ls:var(--ls-sm);      /* 보조 설명·안내 */
  --t-body-sm-strong:var(--fw-semibold) var(--fs-sm)/var(--lh-sm) var(--font-sans);  --t-body-sm-strong-ls:var(--ls-sm); /* 필드 라벨·작은 강조 */
  --t-caption:var(--fw-medium) var(--fs-xs)/var(--lh-xs) var(--font-sans);           --t-caption-ls:var(--ls-xs);      /* 각주·배지·작은 표기 */
}