/* css/tokens-v3.css — V3 디자인 토큰 (정의만 · 시각 변화 0)
   ────────────────────────────────────────────────────────────────────────────
   근거: docs/product/design_system_v1_draft.md §4-3 (V3 타이포 8단 + 굵기 + 행간).
   app.html 에서 app-core.css 링크 "직전"에 로드된다.

   ★ 시각 변화 0 원칙:
     - 여기서 새로 만드는 이름(--text-*, --leading-*, --fw-semibold, --fw-bold, --accent 계열)은
       기존 화면 어디서도 아직 참조하지 않으므로, 정의만으로는 화면이 바뀌지 않는다.
     - 기존 app-core.css :root(--ac/--tp/--bd/--fs-*/--ts-*/--fw-regular/--fw-medium)는 수정하지 않는다.
       본 파일이 app-core.css '앞'에 로드되므로, 혹 동명 토큰(--fw-regular/--fw-medium/--ac)을 정의해도
       app-core.css :root가 뒤에서 같은 값으로 재확정 → 실효값 불변(별칭이 기존 참조를 깨지 않게 하는 용도).
   ★ 화면 단위 V3 전환은 각 화면 CSS가 이 --text-*/--fw-*/--leading-* 를 참조하며 순차 진행한다(일괄 변경 아님). */
:root{
  /* ── V3 타이포 8단 (rem, 16px 기준) ── */
  --text-heading:1.25rem;      /* 20px */
  --text-title:1.125rem;       /* 18px */
  --text-title-sm:1rem;        /* 16px */
  --text-body:1rem;            /* 16px — 본문 확정 */
  --text-list-title:.9375rem;  /* 15px */
  --text-preview:.875rem;      /* 14px */
  --text-meta:.8125rem;        /* 13px */
  --text-badge:.75rem;         /* 12px */

  /* ── 굵기 (800·900 금지) ── */
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;

  /* ── 행간 ── */
  --leading-tight:1.3;
  --leading-base:1.5;
  --leading-relaxed:1.7;

  /* ── 색 별칭 = v2 값 그대로(신규 참조용). 기존 --ac 는 app-core.css 가 뒤에서 재확정 → 실효값 불변. ── */
  --accent:#6366F1;
  --accent-d:#4F46E5;
  --accent-s:#EEF0FE;
  --ac:var(--accent);
}