/* ============================================================
   Wellness HealthCare — Design Tokens + Typography Utilities v1.0
   Phase 4c: 32 HTML 파일에서 공통 :root + utility + auto-elevation 영역 외부화.
   언어별 폰트 폴백은 html[lang="..."] 셀렉터로 분기.
   Edit this file → run `node scripts/build-components.js`
   ============================================================ */

:root{
  --ink:#0F172A; --ink-2:#334155; --muted:#71808F;
  --line:#E5E7EB; --line-2:#F1F5F9;
  --bg:#FFFFFF; --bg-2:#F9FAFB; --bg-3:#F8FAFC;
  --brand:#0B6E4F; --brand-2:#10B981; --accent:#0369A1; --warn:#B45309;
  --radius:14px; --radius-lg:22px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.04), 0 1px 1px rgba(15,23,42,.03);
  --shadow:0 6px 24px -12px rgba(15,23,42,.12), 0 2px 6px -2px rgba(15,23,42,.06);
  --shadow-float:0 20px 50px -20px rgba(15,23,42,.18), 0 6px 16px -8px rgba(15,23,42,.08);
  --maxw:1180px; --hdr-h:96px;
  --fs-body:16px; --fs-lead:18px;
  --fs-h1:clamp(32px,5vw,56px); --fs-h2:clamp(26px,3.4vw,40px); --fs-h3:22px;
  /* === Typography v1 (IR-grade · KO/EN/JP default) === */
  --font-display:'Inter','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-sans:'Pretendard','Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-eng:'Inter','Pretendard',sans-serif;
  --text-display-xl:clamp(56px,7vw,80px);
  --text-display-l:clamp(40px,5.2vw,64px);
  --text-h1:clamp(32px,4vw,56px);
  --text-h2:clamp(26px,3.4vw,40px);
  --text-h3:22px;
  --text-lead:18px;
  --text-body:16px;
  --text-label:12px;
  --text-metric:clamp(28px,3.4vw,42px);
  --tracking-display:-0.04em;
  --tracking-tight:-0.02em;
  --tracking-wide:0.15em;
  --leading-display:0.95;
  --leading-tight:1.15;
  --leading-snug:1.4;
  --leading-normal:1.6;
  --leading-relaxed:1.7;
}

/* === Language-specific font fallbacks === */
html[lang="zh-CN"]:root{
  --font-display:'Inter','Pretendard','Noto Sans SC','PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-sans:'Pretendard','Noto Sans SC','PingFang SC','Microsoft YaHei','Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-eng:'Inter','Noto Sans SC','PingFang SC',sans-serif;
}
html[lang="ja"]:root{
  --font-display:'Inter','Pretendard','Noto Sans JP','Hiragino Sans','Yu Gothic',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-sans:'Pretendard','Noto Sans JP','Hiragino Sans','Yu Gothic','Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-eng:'Inter','Noto Sans JP',sans-serif;
}

/* === Typography utility v1 === */
.t-display-xl{font-family:var(--font-display);font-size:var(--text-display-xl);font-weight:800;line-height:var(--leading-display);letter-spacing:var(--tracking-display)}
.t-display-l{font-family:var(--font-display);font-size:var(--text-display-l);font-weight:700;line-height:var(--leading-display);letter-spacing:-0.03em}
.t-h1{font-family:var(--font-sans);font-size:var(--text-h1);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}
.t-h2{font-family:var(--font-sans);font-size:var(--text-h2);font-weight:700;line-height:var(--leading-snug);letter-spacing:-0.01em}
.t-h3{font-family:var(--font-sans);font-size:var(--text-h3);font-weight:700}
.t-lead{font-size:var(--text-lead);font-weight:400;line-height:var(--leading-normal)}
.t-body{font-size:var(--text-body);font-weight:400;line-height:var(--leading-relaxed)}
.t-label{font-family:var(--font-eng);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase}
.t-eng-display{font-family:var(--font-eng);font-weight:800;letter-spacing:-0.03em}
.t-metric{font-family:var(--font-eng);font-size:var(--text-metric);font-weight:800;letter-spacing:-0.02em;line-height:1}

/* === Auto-elevation: Hero · Section heading v1 === */
body .subhero h1, body .b-hero h1, body .hero h1, body [id*="cinematic"] h1{font-family:var(--font-display);letter-spacing:-0.035em;line-height:1.05}
body .ceo-sec h2{font-family:var(--font-display);letter-spacing:-0.03em;line-height:1.1}