/* KMS 홈페이지 — 디자인 토큰 (FINAL_spec §1~§3). 블루 컬러웨이 + 딥 네이비 확장만 사용. */
:root{
  /* 색 */
  --navy-900:#040F2E;
  --navy-800:#061F52;
  --kms-blue:#083888;
  --blue-tint:#E9EEF7;
  --orange:#F08818;           /* 단일 액센트: .btn-primary 배경 + 다크 배경 포커스 링만 */
  --orange-hover:#D9760F;
  --paper:#FFFFFF;
  --ink:#1A1A1A;
  --ink-2:#3D3F46;
  --gray:#6B7280;
  --rule:#D9DBE1;
  --rule-ink:#1A1A1A;
  --rule-blue:rgba(8,56,136,.2);
  --rule-dark:rgba(255,255,255,.18);
  --on-dark:#F4F5F8;
  --on-dark-2:rgba(244,245,248,.72);
  --on-dark-3:rgba(255,255,255,.75);

  /* 서체 */
  --serif:"Cormorant Garamond","Cormorant Fallback",Georgia,"Times New Roman",serif;
  --sans:"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;

  /* 타이포 스케일 — 히어로·H1/H2·숫자 등 반응형(clamp) 항목과 본문/리드/스몰 기준값 전용.
     그 밖의 컴포넌트 단위 px(카드 셀 제목, 캡션 등)는 FINAL_spec §2 표가 정본이라 각 규칙에 직접 적는다. */
  --fs-display-xl:clamp(52px,9vw,124px);
  --fs-display-l:clamp(40px,6vw,84px);
  --fs-number:clamp(56px,7vw,96px);
  --fs-quote-kr:clamp(26px,2.6vw,34px);
  --fs-h1-kr:clamp(22px,2.6vw,34px);
  --fs-h2:34px;
  --fs-h3:22px;
  --fs-lead:19px;
  --fs-body:17px;
  --fs-small:14px;
  --fs-eyebrow:12px;
  --fs-nav:15px;

  /* 간격·그리드 */
  --s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px;--s7:144px;
  --max:1280px;
  --gutter:24px;
  --header-h:72px;

  /* 모션 */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.3s;
  --dur-reveal:.6s;
}
@media (min-width:768px){:root{--gutter:48px;--fs-h2:44px}}
@media (min-width:1024px){:root{--header-h:84px}}
@media (min-width:1280px){:root{--gutter:64px}}