/* 타이포그래피 스케일은 --type-* 네임스페이스입니다.
   --text-* 는 오직 색상 토큰입니다(--text-body, --text-muted …).
   두 네임스페이스를 섞으면 --text-body 처럼 이름이 충돌해 선언이 무효화됩니다. */
:root{
--font-sans:"Pretendard","Pretendard GOV",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
--font-display:var(--font-sans);

--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-extrabold:800; /* @kind font */

/* display — 대형 편집 타입. 마케팅 히어로는 clamp로 유동 스케일. */
--type-hero:800 clamp(56px,9.5vw,152px)/0.94 var(--font-display);
--type-display-1:800 clamp(40px,5.2vw,80px)/1.02 var(--font-display);
--type-display-2:700 clamp(32px,3.6vw,56px)/1.06 var(--font-display);
--type-display-3:700 clamp(26px,2.4vw,38px)/1.14 var(--font-display);

/* headings — product surfaces */
--type-h1:700 28px/1.3 var(--font-sans);
--type-h2:600 22px/1.36 var(--font-sans);
--type-h3:600 18px/1.44 var(--font-sans);
--type-h4:600 15px/1.46 var(--font-sans);

/* body */
--type-body-lg:400 17px/1.66 var(--font-sans);
--type-body:400 15px/1.62 var(--font-sans);
--type-body-sm:400 13px/1.58 var(--font-sans);
--type-caption:400 12px/1.45 var(--font-sans);

/* ui — labels, buttons, table headers */
--type-label:500 13px/1.3 var(--font-sans);
--type-label-sm:500 12px/1.3 var(--font-sans);
--type-overline:600 11px/1.2 var(--font-sans);

/* telemetry — always tabular, always mono */
--type-metric-xl:500 40px/1.05 var(--font-mono);
--type-metric:500 26px/1.1 var(--font-mono);
--type-metric-sm:500 15px/1.2 var(--font-mono);
--type-code:400 12px/1.5 var(--font-mono);

--tracking-hero:-0.045em; /* @kind font */
--tracking-tight:-0.03em; /* @kind font */
--tracking-snug:-0.015em; /* @kind font */
--tracking-normal:0; /* @kind font */
--tracking-overline:0.14em; /* @kind font */
--numeric:tabular-nums; /* @kind font */
}