/* ============================================================
   Group-PASS — 비즈니스 테마 오버레이
   · 이모지 아이콘을 라인 아이콘으로 대체하는 정책과 함께 사용
   · 타이포/간격을 차분하게 정돈(뉴트럴 슬레이트/네이비 기조)
   · 기존 페이지 팔레트를 깨지 않도록 최소 개입
   ============================================================ */
:root {
  --biz-ink:      #0A2540;   /* 본문 강조/헤딩 */
  --biz-ink-2:    #334155;   /* 보조 텍스트 */
  --biz-muted:    #64748B;   /* 흐린 텍스트 */
  --biz-line:     #E2E8F0;   /* 경계선 */
  --biz-surface:  #FFFFFF;   /* 카드 표면 */
  --biz-bg:       #F6F8FB;   /* 배경 */
  --biz-accent:   #0A2540;   /* 강조(네이비 단일 기조) */
}

/* 타이포 — Pretendard 기반, 차분한 자간/렌더링 */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4,
.hero-title, .section-title, .id-title, .page-title, .modal-title {
  letter-spacing: -0.02em;
}

/* 아이콘 컨테이너 안의 .ic 는 컨테이너 색/크기를 그대로 상속 */
.nav-btn-icon .ic,
.support-tab-icon .ic,
.tab-ico .ic,
.method-icon .ic,
.type-icon .ic { width: 1em; height: 1em; }

/* 서비스/메뉴 아이콘을 이모지 대신 라인 아이콘으로 쓸 때 정렬 보정 */
.ic { line-height: 1; }