/* ============================================================
   KCSHOP 타이포 토큰 — 단일 소스 (스토어프론트 + 대시보드 공용)
   base.html / dashboard/base.html 에서 컴포넌트 CSS 앞에 로드.
   매핑·마이그레이션 계획: docs/typography-standardization.md
   ============================================================ */
:root {
  /* ── 크기 스케일 (rem 기준, 1rem = --font-size-base = 16px PC / 15px 모바일) ── */
  --text-3xs:  0.72rem;   /* eyebrow·배지·사이드바 헤딩 */
  --text-2xs:  0.78rem;   /* 카운터·확대·소배지 */
  --text-xs:   0.82rem;   /* 캡션·안내·프로모 */
  --text-sm:   0.9rem;    /* 보조 본문·표·요약 */
  --text-base: 1rem;      /* 본문·버튼·h6 */
  --text-md:   1.125rem;  /* 강조 본문·CTA·KPI 라벨 */
  --text-lg:   1.3rem;    /* 카드 제목 */
  --text-xl:   1.55rem;   /* 상품명·섹션 제목 */
  --text-2xl:  1.9rem;    /* 대시보드 값 */
  --text-3xl:  2.5rem;    /* 가격·h1 */
  --text-4xl:  2.9rem;    /* 관제탑 대형 숫자 */
  --text-5xl:  3.4rem;    /* 관제탑 상태 히어로 숫자(개요) */

  /* 의미 별칭 */
  --text-body:    var(--text-base);
  --text-caption: var(--text-xs);
  --text-cta:     var(--text-md);
  --text-price:   var(--text-3xl);

  /* 굵기 */
  --fw-normal: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;

  /* 행간·자간 */
  --leading-tight: 1.25; --leading-normal: 1.6; --leading-relaxed: 1.85;
  --tracking-tight: -0.01em;

  /* 폰트 패밀리 (정리) */
  --font-serif: 'Gowun Batang', 'Noto Serif KR', serif;  /* Gowun Batang 로드(base.html). 장식 제목·브랜드 마크에만 절제 적용 */
  --font-mono:  ui-monospace, SFMono-Regular, Menlo, Consolas, 'D2Coding', monospace;  /* 시스템 모노 우선. 번호·코드·ID */
}